-
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不支持该事件查看全部
-
封装是一个很好的想法,需要好好地学习和利用查看全部
-
截图留作笔记查看全部
-
DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式:把一个函数赋值给一个事件处理程序的属性。 优点:简单,跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性查看全部
-
使用事件处理程序:1.HTML事件处理程序(缺点:HTML和JS代码紧密的耦合在一起)查看全部
-
删除句柄查看全部
-
添加句柄查看全部
-
例子实例查看全部
-
事件处理程序查看全部
-
标准浏览器与IE的的event的差别查看全部
-
兼容ie event对象查看全部
-
(重点)事件冒泡:即事件最开始由最具体的元素(文档中嵌套最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。 事件捕获:不太具体的节点应该更早接收到元素,而最具体的节点最后接收到事件。查看全部
-
事件处理程序类型查看全部
-
事件捕获查看全部
-
事件冒泡。 <div class="test1"> <div class="test2">haha</div> </div> 点击哈哈会触发test1的点击事件查看全部
举报
0/150
提交
取消