-
// 5. 跨浏览器的事件处理程序 var eventUtil = { //添加句柄 addHandler:function (element,type,handler) { if(element.addEventListener) { element.addEventListener(type,handler,false) //DOM事件处理程序判断 }else if(element.attachEvent) { element.attachEvent('on' + type,handler); //IE事件处理程序判断 }else { element['on' + type] = handler; } }, //删除句柄 removeHandler:function (element,type,handler) { if(element.removeEventListener) { element.removeEventListener(type,handler,false) //DOM事件处理程序判断 }else if(element.detachEvent) { element.detachEvent('on' + type,handler); //IE事件处理程序判断 }else { element['on' + type] = null; } } } eventUtil.addHandler(btn3,'click',showMess); //事件执行 </script>查看全部
-
//1、DOM中的事件对象。 //type属性，用于获取事件类型；target属性，用于获取事件目标；stopPropagation()方法，阻止事件冒泡；preventDefault()方法阻止事件的默认行为 //2、IE中的事件对象 //type属性 用于获取事件类型；srcElement属性 用于获取事件的目标；cancelBubble属性 用于阻止事件冒泡（设置true表示阻止冒泡，false为不阻止冒泡）；returnValue属性 用于阻止事件的默认行为（设置false表示阻止事件的默认行为）查看全部
-
键盘事件 keyDown，keyPress,keyUp查看全部
-
事件冒泡：最具体的元素最先接受事件（文档最深的节点），然后逐渐转播到最不具体的元素 事件捕获流：最不具体的元素最先接收事件，然后传播到最具体的元素查看全部
-
事件流：简单理解为点击按钮时，也点击了按钮所在的容器以及容器至外地的容器一直到整个DOM 事件冒泡：指从事件所在的最具体的元素一直冒泡到最不具体的元素查看全部
-
returnValue()阻止默认行为查看全部
-
IE中cancleBubble()查看全部
-
preventDefault()查看全部
-
DOM中的type、target、stoppropagation()、prevent查看全部
-
//1、DOM中的事件对象。 //type属性，用于获取事件类型；target属性，用于获取事件目标；stopPropagation()方法，阻止事件冒泡；preventDefault()方法阻止事件的默认行为 //2、IE中的事件对象 //type属性 用于获取事件类型；srcElement属性 用于获取事件的目标；cancelBubble属性 用于阻止事件冒泡（设置true表示阻止冒泡，false为不阻止冒泡）；returnValue属性 用于阻止事件的默认行为（设置false表示阻止事件的默认行为）查看全部
-
// 5. 跨浏览器的事件处理程序 var eventUtil = { //添加句柄 addHandler:function (element,type,handler) { if(element.addEventListener) { element.addEventListener(type,handler,false) //DOM事件处理程序判断 }else if(element.attachEvent) { element.attachEvent('on' + type,handler); //IE事件处理程序判断 }else { element['on' + type] = handler; } }, //删除句柄 removeHandler:function (element,type,handler) { if(element.removeEventListener) { element.removeEventListener(type,handler,false) //DOM事件处理程序判断 }else if(element.detachEvent) { element.detachEvent('on' + type,handler); //IE事件处理程序判断 }else { element['on' + type] = null; } } } eventUtil.addHandler(btn3,'click',showMess); //事件执行 </script>查看全部
-
/*事件对象event 1. DOM中的事件对象 （1）type属性 用于获取事件类型 （2）target属性 用于获取事件目标 （3）stopPropagation（）方法 用于阻止事件冒泡 （4）preventDefault()方法 阻止事件的默认行为*/查看全部
-
事件的点击等操作的等价element.onclick===element['onclick'];查看全部
-
跨浏览器：把事件封装起来查看全部
-
事件处理程序总结:查看全部
举报
0/150
提交
取消