-
什么是事件对象？在触发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 function(element ,type （onclick）,handler （函数）) addEventListener attachEvent 删除事件 ie function() 获取一个兼容所有浏览器的事件对象，function(event){return event?event:window.event} 获取事件的类型， return event.type 获取事件对象l来源：event.trget||event.srcElement 阻止取消事件的默认行为， 阻止事件冒泡查看全部
-
判断时 不加布尔值即无括号查看全部
-
ie中：function(event){ event=event||window.event;var ele=event.target||event.srcElement}查看全部
-
type target属性 事件冒泡：给input 父元素添加一个事件，则在点击input 时 先执行input本身事件，后执行其父元素，由小及大 阻止事件冒泡：在本身事件后加，event.stopPropagation();， 阻止默认行为：如a 标签 preventDefault();查看全部
-
dom事件对象和IE中的事件对象查看全部
-
阻止父容器事件冒泡查看全部
-
跨浏览器事件处理程序查看全部
-
IE和opera支持的DOM 2级事件处理： attachEvent('类型如：onclick','函数');添加事件 detachEvent('类型','函数');删除事件 btn.onclick===btn['onclick'];查看全部
-
html事件处理程序：直接在标签上添加如：<input type="button" id="btn" onclick="show()"> DOM 0级事件处理：先获取要处理的id然后添加事件： var btn=document.getElementById('btn'); btn.onclick=function(){alert("hello")} DOM 0级事件的处理只需要给赋值null，如：btn.onclick=null; DOM 2级事件处理：需要添加事件监听addEventListener('事件名','触发的函数','false表明事件冒泡处理'); 如：btn.addEventListener('click',show,false); DOM 2级事件的移除需要用removeEventListener();查看全部
-
支持IE事件处理程序的浏览器：IE和OPERA 5：跨浏览器的事件处理程序 var eventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventLister){ element.addEventLister(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{ element['on'+type]=handler; } } } eventUtil.addHandler(btn3,'click',showMas);查看全部
-
3：DOM2级事件处理程序 DOM2级事件定义了两个方法： 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener()查看全部
-
2：DOM0级事件处理程序 较传统的方式：把一个函数赋值给另一个事件的处理程序属性。 优势：简单，跨浏览器。 取值，添加属性，赋值添加事件。查看全部
-
1：HTML事件处理程序：直接写在html的javascript元素里面。 缺点：html和js代码紧密的耦合在一起。 js代码和html代码都需要进行修改查看全部
举报
0/150
提交
取消