-
getEvent:function(event){ //非IE:event IE:window.event return event?event:window.event; }, getType:function(event){ return event.type; //非IE与IE相同 }, getElement:function(event){ //非IE:event.target IE:event.srcElement return event.target || event.srcElement; }, preventDefault:function(event){ //判断对象方法是否存在时,要将方法当做属性来判断[函数名后不加小括号:if(对象.方法函数)],很多方法没有返回值,即使有返回值也不一定是布尔值,当if(方法函数())时会出现不可预料的结果 if(event.preventDefault){ event.preventDefault(); //非IE方法处理 }else{ event.returnValue=false; //IE属性处理 } }, stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); //非IE方法处理 }else{ event.cancelBubble=true; //IE属性处理 } }查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 （1）、type属性用于获取事件类型 （2）、target属性用于获取事件目标 （3）、stopPropagation()方法 用于阻止事件冒泡 （4）、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
-
事件处理查看全部
-
事件对象查看全部
-
//跨浏览器 var eventUtil = { //添加句柄 addHandler : function(element,type,handler){ //DOM 2级处理 if(element.addEventListener){ element.addEventListener(type,handler,false); //IE8以下 兼容性 }else if(element.attachEvent){ element.attachEvent('on'+type,handler); //DOM 0 级处理 ----老版本不支持2级，也不支持IE模式 }else{ element['on'+type] = handler; //在js中，所有连接属性的，用点的都可以用中括号[] } }, //删除句柄 removeHandler : function(element,type,handler){ //DOM 2级处理 if(element.removeEventListener){ element.removeEventListener(type,handler,false); //IE8以下 兼容性 }else if(element.detachEvent){ element.detachEvent('on'+type,handler); //DOM 0 级处理 ----老版本不支持2级，也不支持IE模式 }else{ element['on'+type] = null; //在js中，所有连接属性的，用点的都可以用中括号[] } } }查看全部
-
事件流：从页面中接收事件的顺序 IE认为是事件冒泡流：事件由最具体的（嵌套最深的）元素接收，逐级向上传播至最不具体的元素（document）查看全部
-
DOM2级事件处理程序 定义了两个方法： addEventListener()添加事件 removeEventListener()移除事件 三个参数设置;事件名称，处理方法(函数)，布尔值-----冒泡（false）或捕获（true） btn3.addEventListener('click',showMes,false); 注意： 1、若事件名称有on，则需去掉on。onclick -----> click，onmouseover -----> mouseover等等； 2、false 兼容所有浏览器-----事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。---参数要一样 btn.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件 dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false); 缺点：IE不支持该事件查看全部
-
学会了一种检测思路，可以封装一个对象，在对象中规定好检验的方法。查看全部
-
IE处理事件查看全部
-
addEventLisener 调用的方法 去掉on 比如 click mouseover查看全部
-
如图诺查看全部
-
DOM0事件较为传统 赋值给事件 如图下面那个函数查看全部
-
如图 0查看全部
-
html事件处理 要修改 两个代码 包括JS查看全部
-
事件捕获与事件冒泡相反查看全部
举报
0/150
提交
取消