-
btn3.addEventListener('click',function(){ alert(this.value); },false); 其中的this引用被触发的属性查看全部
-
总结 事件处理程序： 1 html事件处理程序：事件是直接加载在html文档里面。 缺点：html代码和js代码耦合太紧密，不利于修改代码。 2、DOM0级事件处理程序 较传统的方式：把一个函数赋值给一个事件处理程序的属性；简单、跨浏览器优势。 var btn2= document.getElementById("btn2"); btn2.onclick=function(){ alert("显示内容") } btn2.onclick=null; 3、DOM2级事件处理程序 DOM2级事件定义了两个方法，用于处理指定和删除事件处理程序的操作；都包含两个方法： addEventListener()添加事件和removeEventListner()删除事件. 接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值； 布尔值表示：false表示在冒泡阶段调用事件处理程序；true表示在捕获阶段调用事件处理程序； 为btn3添加事件： btn3.addEventListener('click',showMes,false); showMes表示click触发的函数。事件不能带on； 注：通过addEventListener添加的事件只能通过removeEventListener来删除。 DOM0级和DOM2级事件的优点：可以给一个元素添加多个事件处理程序，这些个事件是按照他们的顺序来实现的；也可以添加多个事件。查看全部
-
2-3、DOM2级事件处理程序 1）定义了两个方法，用于处理指定和删除事件处理程序的操作：addEventListener()添加事件和removeEventListner()删除事件. 2）接收三个参数：要处理的事件名、作为事件处理程序的函数和布尔值（false表示在冒泡阶段调用事件处理程序；true表示在捕获阶段调用事件处理程序）； 3）DOM0级和DOM2级事件的优点：可以给一个元素添加多个事件处理程序，这些个事件是按照他们的顺序来实现的；也可以添加多个事件 DOM2级事件三个参数：事件名称（若存在ON须将其去掉） 函数名(不加小括号) 事件流类型（为了最大可能的兼容浏览器采用冒泡法false） IE 不兼容DOM 2级处理程序 addEventLisner removeEventLisner查看全部
-
DOM0级事件处理程序 较传统的方式：把一个函数赋值给一个事件处理程序的属性，：先把元素取出，然后再给元素添加事件；用的比较多的方法，因为简单、跨浏览器优势。 var btn2= document.getElementById("btn2"); btn2.onclick=function(){ alert("显示内容") } btn2.onclick=null;删除onclick查看全部
-
2-1 事件处理程序 1.HTML事件处理程序 事件直接加在HTML代码中 缺点：HTML和js代码耦合度，如果修改，就要修改两个地方：HTML元素内和script函数。查看全部
-
1-2 事件捕获 事件捕获：不太具体的节点应该更早接收到元素，而最具体的节点最后接收到事件。查看全部
-
1-1事件冒泡 1理解（事件流） 2使用（事件处理程序） 3不同的事件类型 【历史】浏览器第四代的分歧：页面的某部分拥有某个特定事件？ 【浏览器厂商的不同解析】： ie：事件冒泡流 netScape：事件捕获流 eg：事件冒泡： 定义：事件由最开始最具体的元素接收（文档中那个嵌套层次最深的节点），然后逐级向上传播（到最不具体的）。查看全部
-
IE中的事件对象 （1）type 属性 用于获取事件类型 （2）srcElement 属性 用于猎取事件上的目标 （3）cancelBubble属性 用于阻止事件冒泡 （4）returnValue 属性 用于阻止事件的默认行为查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 （1）type属性用于获取事件类型 （2）target属性用于获取事件目标 （3）stopPropagation()方法 用于阻止事件冒泡 （4）preventDefault() 方法 阻止事件的默认行为查看全部
-
1、理解事件流 2、使用事件处理程序 3、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡，即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法：用于处理指定和删除事件处理程序的操作：addEventListener()和removeEventListener()。它们都接收三个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数：事件处理程序名称与事件处理函数 5、跨浏览器的事件处理程序 三、事件对象 事件对象event 1、DOM中的事件对象 (1)、type:获取事件类型 (2)、target：事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement：事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为查看全部
-
跨浏览器事件处理程序查看全部
-
事件处理程序查看全部
-
dom2级事件处理程序查看全部
-
跨浏览器事件处理程序调用 (接上例) eventUtil.addHandler(btn3,'click',showMes); eventUtil.removeHandler(btn3,'click',showMes);查看全部
-
跨浏览器为句柄添加监听函数查看全部
举报
0/150
提交
取消