-
DOM中的事件对象 1.type属性，用于获取事件类型 2.target属性，用于获取事件目标 3.stopPropagation()方法，用于阻止事件冒泡 4.preventDefault()方法，用于阻止事件的默认行为 IE中的事件对象 1.type属性，用于获取事件类型 2.srcElement属性，用于获取事件目标 3.cancelBubble属性，用于阻止事件冒泡(true为阻止冒泡，false为允许事件冒泡) 4.returnValue属性，用于阻止事件的默认行为(true为允许默认行为，false为阻止默认行为)查看全部
-
三，事件对象 什么是事件对象？在触发DOM上的事件是都会产生一个对象 事件对象event 1，DOM中的事件对象 （1）、type属性 用于获取事件类型 （2）、target属性 用于获取事件目标 （3）、stopPropagation（）方法 用于阻止/取消事件冒泡 （4）、preventDefault（）方法 用于阻止事件的默认行为 <a href="#">链接</a>查看全部
-
在触发DOM的事件时都会产生一个对象事件对象event<br> 1.DOM中的事件对象<br> （1）type属性 用于获取事件类型<br> （2）target属性 用于获取事件目标 （3）stopPropagation()方法阻止事件冒泡。事件冒泡是从最具体的事件到最外层不具体的事件。 （4）preventDef()方法组织事件的默认行为，例如<a href="#" ></a>查看全部
-
DOM2级事件处理程序： DOM2级事件定义了两个方法：用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener(); 接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值（false指冒泡；true指捕获） 可添加多个事件。 4，IE事件处理程序 attachEvent()添加事件；detachEvent()删除事件； 接受两个参数：事件处理程序的名称和事件处理程序的函数； 5，跨浏览器的事件处理程序 var eventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } } //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } } } //调用函数 eventUtil.addHandler(btn3,'click',showMes); //删除函数 eventUtil.removeHandler(btn3,'click',showMes);查看全部
-
DOM2级事件处理程序<br> 定义了两个方法--用于处理指定和删除事件处理程序的操作：<br> addEventListener()添加事件监听程序<br> removeEventListener()移除事件监听程序<br> 三个参数设置;事件名称，处理方法(函数)，布尔值--false：表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)，一般设为false；true表示在捕获阶段调用事件处理程序<br> <br> <br> btn3.addEventListener('click',showMes,false);<br> 注意：<br> 1、若事件名称有on，则需去掉on。onclick --> click，onmouseover --> mouseover等等；<br> 2、false 最大限度兼容所有浏览器--事件冒泡流。<br> 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同<br> btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件监听<br> <br> DOM2级事件处理程序可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。如下所示：<br> btn3.addEventListener('click',showMes,false);<br> btn3.addEventListener('click',showMes,function(){alert(this.value）;},false);<br> DOM0级事件则后面添加的同一事件类型会覆盖前面的；<br> 缺点：DOM2级事件处理程序，ie不支持，ie有专用的事件处理程序。查看全部
-
DOM0级事件处理程序 较为传统的方式：把一个函数赋值给一个事件的处理程序属性 用的比较多的方法，原因：简单，有跨浏览器的优势 DOM0级特点：把一个函数赋值给一个事件处理程序的属性 eg： <input type="button" value="button" id="btn2" > var btn2=document.getElementById('btn2'); btn2.onclick=function(){ akert('Hi') } btn2.onclick=null //清除function。 没有HTML的缺点查看全部
-
HTML事件： 即事件与HTML代码嵌入一起，点击相关HTML元素便响应相关事件。如下： <input type="button" value="按钮" id="btn" onclick="showMessage()> function showMessage(){ ...... } *HTML事件的缺点： HTML和JS代码紧密的耦合在一起，当某一部分改动时，JS代码和HTML都需要进行修改。查看全部
-
2.事件捕获 含义：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。查看全部
-
事件流--描述的是从页面中接受事件的顺序 IE：事件冒泡流；N：事件捕获流 事件冒泡：即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。 eg：div包含一个按钮，点击按钮的同时触发div查看全部
-
DOM2级事件处理程序： DOM2级事件定义了两个方法：用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener(); 接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值（false指冒泡；true指捕获） 可添加多个事件。 4，IE事件处理程序 attachEvent()添加事件；detachEvent()删除事件； 接受两个参数：事件处理程序的名称和事件处理程序的函数； 5，跨浏览器的事件处理程序 var eventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } } //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } } } //调用函数 eventUtil.addHandler(btn3,'click',showMes); //删除函数 eventUtil.removeHandler(btn3,'click',showMes);查看全部
-
DOM2级事件处理程序： DOM2级事件定义了两个方法：用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener(); 接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值（false指冒泡；true指捕获） 可添加多个事件。查看全部
-
点击关闭查看全部
-
第一章 事件流 事件流：描述从页面中接受事件的顺序； IE事件冒泡流：事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级传播至最不具体的那个节点（文档）。 Net事件捕获流：不太具体的节点应该更早的接收事件，而最具体的节点最后接受到事件查看全部
-
使用事件处理程序： 1.html事件处理程序：直接在html结构里添加代码。 2.DOM0级时间处理程序： 把js和html分开 即添加事件都在js中进行，先通过getElementsById（）获得元素储存在变量中，再由变量添加事件。 较传统的方式：把一个函数赋值给一个事件的处理程序属性用的比较多的方法 简单 跨浏览器的优势。查看全部
-
事件冒泡：即事件最开始有最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级向上传播至最不具体的那个节点（文档）； 事件捕获：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件；查看全部
举报
0/150
提交
取消