-
给dom节点添加属性的方式叫做dom0级处理查看全部
-
事件捕获：不太具体的节点应该更早的接收到事件，而最具体的节点最后接收到事件查看全部
-
事件冒泡：即事件最开始有最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。查看全部
-
1、HTML事件处理程序 即我们直接在HTML代码中添加事件处理程序，如下面这段代码： <input id="btn1" value="按钮" type="button" onclick="showmsg();"> <script> function showmsg(){ alert("HTML添加事件处理"); } </script> html代码和js的耦合性太强，不推荐使用。 2、DOM0级事件处理程序 <input id="btn2" value="按钮" type="button"> <script> var btn2= document.getElementById("btn2"); btn2.onclick=function(){ alert("DOM0级添加事件处理"); } btn.onclick=null;//如果想要删除btn2的点击事件，将其置为null即可 </script> 相对于HTML事件处理程序，DOM0级事件，html代码和js代码的耦合性已经大大降低。 3、DOM2级事件处理程序 用于处理指定和删除事件处理程序的操作：addEventListener()和 removeEventListener()。 它们都接收三个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值（是否在捕获阶段处理事件）： <input id="btn3" value="按钮" type="button"> <script> var btn3=document.getElementById("btn3"); btn3.addEventListener("click",showmsg,false);//最后一个值置为false，即不在捕获阶段处理 function showmsg(){ alert("DOM2级添加事件处理程序"); } btn3.removeEventListener("click",showmsg,false);//如果想要把这个事件删除，只需要传入同样的参数即可 </script>查看全部
-
本章内容 1、理解事件流 2、使用事件处理程序 3、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡，即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法：用于处理指定和删除事件处理程序的操作：addEventListener()和removeEventListener()。它们都接收三个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数：事件处理程序名称与事件处理函数 5、跨浏览器的事件处理程序查看全部
-
function StopPropagation(event) { event = event||window.event; var ele = event.target||event.srcElement; if(event.StopPropagation){ event.StopPropagation() }else event.cancelBubble= true; } } function preventDefault(event){ event = event||window.event; if(event.preventDefault){ event.preventDefault() }else event.returnValue= false; } }查看全部
-
跨浏览器事件处理查看全部
-
DOM2级事件处理程序 定义了两个方法： addEventListener()添加事件 removeEventListener()移除事件 三个参数设置;事件名称，处理方法(函数)，布尔值 参数： DOM2级内容事件不加on，单引号 函数不加（） 事件冒泡使用false，事件捕获用true查看全部
-
DOM2级事件处理： addEventListener\removeEventListener(事件名，处理程序，布尔值) 布尔值为true:事件捕获阶段调用事件处理程序 布尔值为false:事件冒泡阶段调用事件处理程序查看全部
-
DOM2级事件处理程序 定义了两个方法： addEventListener()添加事件 removeEventListener()移除事件 三个参数设置;事件名称，处理方法(函数)，布尔值 参数： DOM2级内容事件不加on，单引号 函数不加（） 事件冒泡使用false，事件捕获用true查看全部
-
事件对象查看全部
-
阻止默认行为的事件查看全部
-
阻止事件冒泡查看全部
-
DOM2级跨平台事件处理，定义一个对象，存放 添加句柄和删除句柄，并对是否支持 addEventListener 和 attachEvent 做判断，分别执行不同语句查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 （1）、type属性用于获取事件类型 （2）、target属性用于获取事件目标 （3）、stopPropagation()方法 用于阻止事件冒泡 （4）、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
举报
0/150
提交
取消