根据时间控制展现次数代码(写一个通用的事件侦听器函数)

AllMy.event = { // 页面加载完成后 readyEvent: function(fn) { if (fn == null) { fn = document; } var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = fn; } else { window.onload = function() { oldonload(); fn(); }; } }, // 视能力分别使用dom0||dom2||IE方式 来绑定事件 // 参数: 操作的元素,事件名称 ,事件处理程序 addEvent: function(element, type, handler) { if (element.addEventListener) { //事件类型、需要执行的函数、是否捕捉 element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent('on' type, function() { handler.call(element); }); } else { element['on' type] = handler; } }, // 移除事件 removeEvent: function(element, type, handler) { if (element.removeEventListener) { element.removeEventListener(type, handler, false); } else if (element.datachEvent) { element.detachEvent('on' type, handler); } else { element['on' type] = null; } }, // 阻止事件 (主要是事件冒泡,因为IE不支持事件捕获) stopPropagation: function(ev) { if (ev.stopPropagation) { ev.stopPropagation(); } else { ev.cancelBubble = true; } }, // 取消事件的默认行为 preventDefault: function(event) { if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false; } }, // 获取事件目标 getTarget: function(event) { return event.target || event.srcElement; }, // 获取event对象的引用,取到事件的所有信息,确保随时能使用event; getEvent: function(e) { var ev = e || window.event; if (!ev) { var c = this.getEvent.caller; while (c) { ev = c.arguments[0]; if (ev && Event == ev.constructor) { break; } c = c.caller; } } return ev; } };

根据时间控制展现次数代码(写一个通用的事件侦听器函数)(1)

根据时间控制展现次数代码(写一个通用的事件侦听器函数)(2)

根据时间控制展现次数代码(写一个通用的事件侦听器函数)(3)

根据时间控制展现次数代码(写一个通用的事件侦听器函数)(4)

根据时间控制展现次数代码(写一个通用的事件侦听器函数)(5)

根据时间控制展现次数代码(写一个通用的事件侦听器函数)(6)

补充:事件流(红色箭头捕获,绿色箭头冒泡

根据时间控制展现次数代码(写一个通用的事件侦听器函数)(7)

冒泡事件就像平静的水面突然发生震动,波纹扩散。在波纹某一位置我们可以添加事件,变成了事件委托

根据时间控制展现次数代码(写一个通用的事件侦听器函数)(8)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页