-
除了 trigger triggerHandler 其他的事件都是三种使用方式: 1. 直接调用,触发事件: $ele.click() 2. 绑定回调函数: $ele.click( handler(eventObject) ) $("#test").click(function() { //this指向 div元素 }); 3. 绑定回调函数并传递 event.data 数据: $ele.click( [eventData ], handler(eventObject) ) $("#test").click(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 });查看全部
-
event.target代表当前触发事件的元素 事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁查看全部
-
keydown()键盘按下触发事件，keyup()键盘松开触发事件查看全部
-
focusin()与focusout()支持事件冒泡，focus()与blur()不支持事件冒泡查看全部
-
trigger事件还有一个特性：会在DOM树上冒泡，所以如果要阻止冒泡就需要在事件处理程序中返回false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡 .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡查看全部
-
event.type：获取事件的类型 event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 event.preventDefault() 方法：阻止默认行为 event.stopPropagation() 方法：阻止事件冒泡 event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.currentTarget : 在事件冒泡过程中的当前DOM元素查看全部
-
一个标准的"click"点击事件 $(elem).on("click",function(event){ event //事件对象 }) event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素查看全部
-
trigger会触发浏览器默认行为，比如光标聚集，triggerHandler则不会，它只会显示文本，触发focus事件函数查看全部
-
通过.on()绑定的事件处理程序 通过.off() 方法移除该绑定 根据on绑定事件的一些特性，off方法也可以通过相应的传递组合的事件名，名字空间，选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时，只有与这些参数完全匹配的事件处理函数才会被移除。 $("elem").off("方法名") 快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁$("elem").off()查看全部
-
event.type 获取事件类型 event.pageX和event.pageY 获取当前鼠标的页面坐标 event.preventDefault() 阻止默认行为 event.stopPropagation() 阻止事件冒泡 event.which 获取鼠标单击时的触发按键 event.currentTarget 事件冒泡过程中的当前dom元素 等同于this event.target 直接接受事件的dom元素 通常和this一起确定事件是否为冒泡触发 和this都时dom对象查看全部
-
委托机制 .on( events ,[ selector ] ,[ data ], handler(eventObject) ) 在on的第二参数中提供了一个selector选择器查看全部
-
event.target target 属性可以是注册事件时的元素，或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托查看全部
-
卸载事件off()方法 通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 根据on绑定事件的一些特性，off方法也可以通过相应的传递组合的事件名，名字空间，选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时，只有与这些参数完全匹配的事件处理函数才会被移除 绑定2个事件 $("elem").on("mousedown mouseup",fn) 删除一个事件 $("elem").off("mousedown") 删除所有事件 $("elem").off("mousedown mouseup") 快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁 $("elem").off()查看全部
-
jQuery on()方法是官方推荐的绑定事件的一个方法。 基本用法：.on( events ,[ selector ] ,[ data ] ) 1.多个事件绑定同一个函数$("#elem").on("mouseover mouseout",function(){ }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件 2.多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){} }); 3.将数据传递到处理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet ); 可以通过第二参数（对象），当一个事件被触发时，要传递给事件处理函数的查看全部
-
委托机制 .on( events ,[ selector ] ,[ data ], handler(eventObject) ) 在on的第二参数中提供了一个selector选择器，简单的来描述下 参考下面3层结构 <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码： $("div").on("click","p",fn) 事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数 为什么要用事件委托？事件委托有什么好处？ 一般来说，dom是需要有事件处理程序的，我们会直接给他事件处理程序就好了，那么如果是很多dom元素需要添加事件处理呢？ 比如 100个li，每个li 都有相同的click点击事件，可能我们会有for循环的方法，来遍历所有li，然后为每个li添加绑定事件。 这么做毫无疑问对性能有很大的影响； 在js中，访问dom次数越多，引起浏览器重绘与重排的次数也就越多，就会延长整个页面的交互就绪时间 如果采用事件委托，就会将所有的操作放到js程序里面，与dom的操作就只交互一次，这样减少了dom交互次数，性能就会提升；查看全部
举报
0/150
提交
取消