-
鼠标x坐标：e.pageX查看全部
-
form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可查看全部
-
click(arg, function()),将arg传入函数。 click(arg, data), data为函数名，需要另外定义函数后，同上，会自己讲arg传入函数。查看全部
-
鼠标事件： 1.$ele.click(): 触发一个指定事件； <div id="text">点击触发</div> $("ele").click(function(){ alert('触发指定事件') }) $('test').click(function(){ $("ele").click() }); 2.$ele.click(handler(eventObject)):触发点击操作，执行handler函数， <div id="test">点击触发</div> $("test").click(function(){ //this指向 div元素 })； 3.$ele.click([eventData],handler(eventObject)) <div id="test">点击chufa</div> $("#test"),click(1111,function(e){ //this指向div元素 //e.date =>11111 传递数据 })；查看全部
-
jQuery自定义事件之triggerHandler事件： triggerHandler与trigger的用法是一样的，重点看不同之处： 1. triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit()； 2. .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素； 3. 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理； 4. 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined。查看全部
-
jQuery自定义事件之trigger事件： 根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为 1. 能够触发浏览器事件 2. 支持自定义事件： 可以传递参数；自定义事件对象，是jQuery模拟原生实现的； $('#elem').on('Aaron', function(event,arg1,arg2) { alert("自触自定义时间") }); $('#elem').trigger('Aaron',['参数1','参数2'])查看全部
-
jQuery事件对象的属性和方法 event.type：获取事件的类型； event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标； event.preventDefault() 方法：阻止默认行为； event.stopPropagation() 方法：阻止事件冒泡； event.which：获取在鼠标单击时，单击的是鼠标的哪个键； event.currentTarget : 在事件冒泡过程中的当前DOM元素，等同于this； this和event.target的区别： 1. js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2. .this和event.target都是dom对象，$(this)、$(event.target)转换为jquery对象。查看全部
-
jQuery事件对象的作用 事件对象： 事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁。 event.target： target 属性可以是注册事件时的元素，或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托。 简单来说：event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素。查看全部
-
jQuery---卸载事件off()方法: ..通过.on()绑定的事件处理程序,例如绑定2个事件： $("elem").on("mousedown mouseup",fn) ..通过off() 方法移除该绑定： 1. 删除一个事件 $("elem").off("mousedown") 2. 删除所有事件 $("elem").off("mousedown mouseup") 3. 快捷方式删除所有事件 $("elem").off()查看全部
-
jQuery---on()的高级用法: ?????? 委托机制: .on( events ,[ selector ] ,[ data ], handler(eventObject) )查看全部
-
jQuery---on()的多事件绑定 基本用法：.on( events ,[ selector ] ,[ data ] ) 所有的快捷事件在底层的处理都是通过一个"on"方法来实现的: $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 多个事件绑定同一个函数: $("#elem").on("mouseover mouseout",function(){ }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件 多个事件绑定不同函数: $("#elem").on({ mouseover:function(){}, mouseout:function(){}, }); 将数据传递到处理程序: function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet ); 可以通过第二参数（对象），当一个事件被触发时，要传递给事件处理函数的查看全部
-
jQuery键盘事件之keypress()事件 keypress事件与keydown和keyup的主要区别: 1. 只能捕获单个字符，不能捕获组合键； 2. 无法响应系统功能键（如delete，backspace）； 3. 不区分小键盘和主键盘的数字字符； 总而言之， KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。查看全部
-
jQuery键盘事件之keydown()与keyup()事件: 监听键盘按下与松手动作 1. $elem.keydown()//手动触发已绑定的事件 2. $elem.keydown( handler(eventObject) )//直接绑定事件 3. $elem.keydown( [eventData ], handler(eventObject) )//传递参数 注意： 1. keydown是在键盘按下就会触发 2. keyup是在键盘松手就会触发 3. 理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的。查看全部
-
jQuery表单事件之submit事件 方法一：$ele.submit() 方法二：$ele.submit( handler(eventObject) ) 方法三：$ele.submit( [eventData ], handler(eventObject) ) 通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的的行为； 具体能触发submit事件的行为： 1. <input type="submit"> 2. <input type="image"> 3. <button type="submit"> 4. 当某些表单元素获取焦点时，敲击Enter（回车键） 注意： form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为；传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可。 jQuery处理如下： $("#target").submit(function(data) { return false; //阻止默认行为，提交表单 }); 1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为 2.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为 3.event.preventDefault(); 它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为？？？查看全部
-
jQuery表单事件之select事件 当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。 注意：select事件只能用于<input>元素与<textarea>元素！ 方法一：.select() 方法二：$ele.select( handler(eventObject) ) 方法三：$ele.select( [eventData ], handler(eventObject) )查看全部
举报
0/150
提交
取消