-
第三个参数选择false 最大兼容各种浏览器查看全部
-
事件处理函数 可以加一个参数,代表着事件对象,我们可以把它命名为e,或ev,或event(随意)。查看全部
-
调用方法查看全部
-
解决兼容 完整版查看全部
-
解决兼容性的问题: 能力检测方法 顺序:dom2级,IE事件处理,dom0级 其中的dom0级要注意写[]查看全部
-
attachEvent和detachEvent 两个参数,只支持冒泡。事件名要加 on!!!支持IE事件处理程序的浏览器:IE和OPERA查看全部
-
IE使用专门的dom2级事件处理程序:attatchEvent(),detachEvent()。查看全部
-
IE事件处理程序查看全部
-
事件处理程序: 1、HTML事件:事件直接添加在HTML标签里,例如<a onclick="">。 2、DOM0级事件:把函数赋值给一个事件的处理程序属性,例如a.onclick=<func>。 3、DOM2级事件:用于处理指定(addEventListener)和删除(removeEventListener)事件处理程序的操作,例如a.addEventListener("click",<func>,false)。通过addEventListener添加的事件,必须通过removeEventListener移除。 4、IE事件处理程序:IE8-用attachEvent和detachEvent,对应addEventListener和removeEventListener,例如a.attachEvent("onclick",<func>)。 跨浏览器兼容方案: var eventUtil = { addEvent: function(ele, type, listener){ if(ele.addEventListener){ ele.addEventListener(type, listener, false); } else if(ele.attachEvent){ ele.attachEvent("on"+type, listener); } else{ ele["on"+type] = listener; } }, delEvent: function(ele, type, listener){ if(ele.removeEventListener){ ele.removeEventListener(type, listener); } else if(ele.detachEvent){ ele.detachEvent("on"+type, listener); } else{ ele["on"+type] = null; } } };查看全部
-
小结:dom0级事件 1.先取出如图btn2的对象; 2.添加onclick属性(如图代码); 3.如果需要,删除onclick属性; 传统方式:把一个函数赋值给一个事件的处理程序属性 var btn=document.getElementById('btn'); btn.onclick=function(){ alert('这是通过DOM0级添加的事件'); } btn.onclick=null;//删除DOM0事件 简单,具有跨浏览器的优势查看全部
-
HTML事件处理程序(现在不建议使用了):事件直接加在HTML代码中 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方--HTML元素内和script函数。查看全部
-
事件流查看全部
-
事件流查看全部
-
事件流 事件流----描述的是从页面中接受事件的顺序查看全部
-
事件流查看全部
举报
0/150
提交
取消