-
off()方法：通过相应的传递组合的事件名，名字空间，选择器或处理函数来移除绑定在元素上指定的事件处理函数，当有多个过滤参数时，只有与这些参数完全匹配的事件处理函数才会被移除。 通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 用法： 绑定2个事件 $("elem").on("mousedown mouseup",fn) 删除一个事件 $("elem").off("mousedown") 删除所有事件 $("elem").off("mousedown mouseup") 快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁 $("elem").off()查看全部
-
on()的高级用法： 1、委托机制：事件只能向上委托 .on( events ,[ selector ] ,[ data ], handler(eventObject) ) 在on的第二参数中提供了一个selector选择器 如： <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码： $("div").on("click","p",fn) 事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数查看全部
-
on()方法用于绑定事件 用法： 1、基本用法：.on( events ,[ selector ] ,[ data ] )，on是可以自定义事件名 如： $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 2、多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件 3、多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){}, }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法 4、将数据传递到处理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet ); 可以通过第二参数（对象），当一个事件被触发时，要传递给事件处理函数的查看全部
-
KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。 keypress事件与keydown和keyup的主要区别： 1、keypress只能捕获单个字符，不能捕获组合键； 2、keypress无法响应系统功能键（如delete，backspace） 3、keypress不区分小键盘和主键盘的数字字符查看全部
-
keydown事件：当用户在一个元素上第一次按下键盘上字母键的时候，就会触发它 //直接绑定事件 $elem.keydown( handler(eventObject) ) //传递参数 $elem.keydown( [eventData ], handler(eventObject) ) //手动触发已绑定的事件 $elem.keydown() keyup事件：当用户在一个元素上第一次松手键盘上的键的时候，就会触发它 用法同keydown事件 注意事项： 1、keydown是在键盘按下就会触发 2、keyup是在键盘松手就会触发 3、理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的。查看全部
-
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; //阻止默认行为，提交表单 });查看全部
-
select事件：监听textarea元素或文本类型的input元素中的文本被选择时触发，会调用执行绑定到select事件的所有函数，包括浏览器的默认行为，可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。 select事件只能用于<input>元素与<textarea>元素 用法： 方法一：.select() 方法二：$ele.select( handler(eventObject) ) 方法三：$ele.select( [eventData ], handler(eventObject) )查看全部
-
change事件：监听<input>、<textarea>、<select>元素的值改变的动作 input元素： 监听value值的变化，当有改变时，失去焦点后触发change事件， 对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。 select元素： 对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发 textarea元素： 多行文本输入框，当有改变时，失去焦点后触发change事件查看全部
-
focus事件：监听元素获取焦点事件； blur事件：监听元素失去焦点事件。 blur与focus事件是元素本身发生的鼠标移入移出事件； focusin与focusout事件则会捕获其包含的元素发生的鼠标移入移出事件。查看全部
-
event.type：获取事件的类型 event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 event.preventDefault() 方法：阻止默认行为 event.stopPropagation() 方法：阻止事件冒泡 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.currentTarget : 在事件冒泡过程中的当前DOM元素，等同于this查看全部
-
focusout事件：监听元素失去焦点事件； 用法： 方法一：$ele.focusout() 方法二：$ele.focusout( handler ) 方法三：$ele.focusout( [eventData ], handler )查看全部
-
简单理解为：调用绑定在其他元素上的事件。例子里面本来只有点击左边的按钮才会触发绑定在它上面的事件，但是右边的按钮使用.trigger方法，点击右边的按钮时，也调用的左边按钮上绑定的事件：即执行了函数update查看全部
-
focusin事件：监听元素获取焦点事件； 用法： 方法一：$ele.focusin() 方法二：$ele.focusin( handler ) 方法三：$ele.focusin( [eventData ], handler )查看全部
-
hover()方法是同时绑定mouseenter和mouseleave事件； hover方法中传递2个回调函数就可以了，不需要显示的绑定2个事件 $(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数查看全部
-
mouseenter()方法：监听用户鼠标移动到元素内部； mouseleave()方法：监听用户鼠标移动到元素外部。 mouseenter()事件是Internet Explorer专有的。由于该事件在平时很有用，jQuery的模拟这一事件，以便它可用于所有浏览器。该事件在鼠标移入到元素上时被触发。任何HTML元素都可以接受此事件。 mouseenter、mouseleave事件和mouseover、mouseout事件的区别： mouseover、mouseout事件会被冒泡到上级元素， mouseenter、mouseleave事件只会在绑定它的元素上被调用，而不会在后代节点上被触发查看全部
举报
0/150
提交
取消