jQuery大事的绑定、触发、及监听方法简洁说明_

1、jQuery大事的绑定、触发、及监听方法简洁说明_ 这篇文章主要介绍了jQuery大事的绑定、触发、及监听方法简洁说明,用法jQuery的大事会使代码更加简洁,同时对各扫瞄器的兼容性也还不错,需要的伴侣可以参考下 假如你在写文章或者 Demo，为了简洁，你当然可以用大事监听函数，以及那些大事对象供应的方法等。但在实际中，有一些方法和属性是有兼容性问题的，所以我们会用法 jQuery 来消退兼容性问题。 下面简洁的来说一下 jQuery 中大事的基础操作。 绑定大事和大事代理 在 jQuery 中，供应了诸如 click() 这样的语法糖来绑定对应大事，但是这里推举统一用法 on() 来绑定大事

2、。语法： .on( events , selector , data , handler ) events 即为大事的名称，你可以传递其次个参数来实现大事代理，具体文档.on() 这里不再赘述。 处理过兼容性的大事对象（Event Object） 大事对象有些方法等也有兼容性差异，jQuery 将其封装处理，并供应跟标准始终的命名。 假如你想在 jQuery 大事回调函数中访问原来的大事对象，需要用法 event.originalEvent，它指向原生的大事对象。 触发大事 trigger 方法 点击某个绑定了 click 大事的节点，自然会触发该节点的 click 大事，从而执行对应回调函数

3、。 trigger 方法可以模拟触发大事，我们单击另一个节点 elementB，可以用法： $(elementB).on(click, function() $(elementA).trigger( click ); ); 大事监听 jQuery 中的大事监听，完全可以用 addEventListener/attachEvent 模拟，分别对应于现代扫瞄器和 IE ，可以把两个方法封装一下，但是为了便利，这里把其他大事相关处理，如移除大事监听、阻挡默认大事等方法统一写在一个对象中，便利调用，具体代码如下： / 大事处理对象 var EventUtil = / 添加大事监听 add: funct

4、ion(element, type, callback) if(element.addEventListener) element.addEventListener(type, callback, false); else if(element.attachEvent) element.attachEvent(on + type, callback); else elementon + type = callback; , / 移除大事监听 remove: function(element, type, callback) if(element.removeEventListener) ele

5、ment.removeEventListener(type, callback, false); else if(element.detachEvent) element.detachEvent(on + type, callback); else elementon + type = null; , / 跨扫瞄器猎取 event 对象 getEvent: function(event) return event ? event : window.event; , / 跨扫瞄器猎取 target 属性 getTarget: function(event) return event.target

6、 | event.srcElement; , / 阻挡大事的默认行为 preventDefault: function(event) if(event.preventDefault) event.preventDefault(); else event.returnValue = false; , / 阻挡大事流或用法 cancelBubble stopPropagation: function() if(event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true; ; / 用法例子 var at = document.getElementbyId(atemp); EventUtil.add(at, click, function() console.log(被点击了); e