-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 （1）、type属性用于获取事件类型 （2）、target属性用于获取事件目标 （3）、stopPropagation()方法 用于阻止事件冒泡 （4）、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
-
1.IE事件处理程序：IE也提供了类似DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数，事件处理程序的名称和事件处理程序的函数。去掉了布尔值，不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡！ 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意：在ie事件处理程序上，又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 2.跨浏览器事件处理程序 var eventUtil = { //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){element.addEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.attachEvent){element.attachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=handler;} // DOM0级事件处理程序 }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){element.removeEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.detachEvent){element.detachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=null;} //DOM0级事件处理程序 } } eventUtil.addHandler(btn3,'click',showMessage); 3.js中所有用'.'的地方都可以使用'[]' 如：对象的点击事件element.onclick===element['onclick']查看全部
-
通过DOM2级事件添加监听事件addEventListener()和删除事件removeEventListener()两者是搭配使用的。即通过添加监听事件添加函数方法只能通过删除事件来移除此函数方法。 *注： //添加onclick点击事件，第一个参数onclick要去掉前面的on（其他事件都一样） btn3.addEventListener('click',showMes,false);//第三个布尔值参数为兼容浏览器需要，通常设为false！ btn3.removeEventListener('click',showMes,false); var showMes = function(){ ...... }查看全部
-
使用事件处理程序： 1.HTML事件处理程序：缺点是HTML代码和JS代码的耦合程度大，不方便进行维护； 2.DOM0级事件处理程序： 较传统的方式：把一个函数赋值给一个事件的处理程序属性；查看全部
-
2、IE中的事件对象 （1）type属性 用于获取事件类型 （2）srcElement属性 用于获取事件的目标 （3）cancelBubble属性 用于阻止事件冒泡 设置为true表示阻止冒泡 设置为false表示不阻止冒泡 （4）returnValue属性 用于阻止事件的默认行为 设置为false表示阻止事件的默认行为查看全部
-
js中：element.onclick() = = element['onclick'],任何用“.”连接的属性都可以用[]代替"."查看全部
-
eventUtil.addHandler(btn3,"click",showMes);记得传递的参数一定是click，而不是onclick. element.attachEvent("on"+type,handler);和element["on"+type]=handler; 这里要记得加上on查看全部
-
IE事件处理程序：attachEvent()...查看全部
-
ie事件处理查看全部
-
事件冒泡和事件捕获查看全部
-
element.onclick===element['onclick']所以所有的“.”其实都可以用[]这个代替eg：当element.'on'+type 不行是。我们可以用element['on'+type]查看全部
-
IE事件处理程序（用于IE和Opera浏览器） attachEvent() 添加事件 detachEvent() 删除事件 *接收相同的两个参数：事件处理程序的名称 和 事件处理程序的函数 为什么没有第三个参数布尔值原因：因为IE8以及更早的浏览器版本只支持事件冒泡。 *注：IE事件处理中参数一事件处理程序的名称前面要加上on。查看全部
-
js中：element.onclick() = = element['onclick']查看全部
-
加载 添加事件（对象是eventUtil） 调用方法 取消默认行为（传入参数e） 取消冒泡查看全部
-
事件封装在对象中，功能封装在方法中。 单独存成文件做Util工具 1，获取兼容浏览器的事件对象 return event?event:window.event;(三元形式，意思是：如果可以用event就用event,如果不可以用event就用window.event) 也可以写成：event=event || window.event 2,获取事件的类型(这个不存在浏览器的兼容性问题) 3,获取事件元素 4，阻止事件的默认行为 5，阻止事件冒泡查看全部
举报
0/150
提交
取消