慕课网

精品课程 DOM事件探秘

DOM事件探秘

最热最新

千寻521

DOM2级事件处理程序定义了两个方法--用于处理指定和删除事件处理程序的操作： addEventListener()添加事件监听程序 removeEventListener()移除事件监听程序三个参数设置;事件名称，处理方法(函数)，布尔值--false：表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)，一般设为false；true表示在捕获阶段调用事件处理程序 btn3.addEventListener('click',showMes,false); 注意： 1、若事件名称有on，则需去掉on。onclick --> click，onmouseover --> mouseover等等； 2、false 最大限度兼容所有浏览器--事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同 btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致，删除事件监听 DOM0级和DOM2级事件处理程序可以给一个事件绑定多个函数，事件触发的时候会按照绑定顺序执行各个函数。如下所示： btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value）;},false);

查看全部

0 采集收起来源：DOM2级事件处理程序
2018-03-22
zlzshubao3192706 13:13

DOM事件对象比较重要的两种属性，以及两个方法

查看全部

0 采集收起来源：DOM中的事件对象
2016-05-09
zlzshubao3192706 11:42

【为了兼容所有的浏览器】由于我们有三种方式进行事件处理，第一种方式是DOM0级处理，第二种是DOM2级处理，第三种是IE浏览器事件处理。为了让我们编写的程序在所有浏览器兼容，我们可以将所有的处理方法封装在一个包中，然后用if else语句进行判断，让浏览器自己去选择自己适合的事件处理方法。

查看全部

0 采集收起来源：IE事件处理程序及跨浏览器解决
2016-05-09
zlzshubao3192706 05:22

DOM2级事件处理程序的语法以及三个必要的参数：其中，第一个参数表示事件或者动作，注意，所有的“on”去掉；第二个参数表示相应的函数；第三个参数false表示冒泡处理，true表示捕获处理——一般都用false。

查看全部

0 采集收起来源：DOM2级事件处理程序
2016-05-09
zlzshubao3192706 02:26

在JavaScript中，取出按钮对象，之后对按钮对象进行事件处理，添加属性。

查看全部

0 采集收起来源：DOM0级事件处理程序
2016-05-09
正版MINGAL3194933

（3）DOM2级事件处理程序 DOM2级事件定义了两个方法，用于指定和删除事件处理程序。这两个操作分别为：addEventListener()和removeEventListner().所有的DOM节点都包含这两个方法。他们要接受3个参数，分别为：要处理的事件名，处理函数，布尔值。最后的布尔值参数如果为ture,表示在捕获阶段处理程序，如果为false，表示在冒泡阶段调用事件处理程序。例如在按钮上为click添加事件处理程序，可以用下面的代码： var btn=document.getElementById("myBtn"); btn.addEventListner("onclick",function(){alert("hello world");false});这里添加的事件处理程序也是依附于元素的的作用域使用DOM2事件处理程序的优点是：可以为同一个元素添加多个事件处理程序。例：var btn=getElementById("myBtn"); btn.addEventListner("click",function(){alert(this.id);},flase); btn.addEventListner("click",function(){alert("hello world");},flase); 结果：先显示id，后显示hello world。通过addEventListner()添加的事件处理程序只能通过removeEventListner来删除。移除时使用的参数与添加事件处理程序的参数相同。另：通过addEventListner添加的匿名函数无法删除。

查看全部

0 采集收起来源：IE事件处理程序及跨浏览器解决
2018-03-22
正版MINGAL3194933

//跨浏览器事件处理程序 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.addEventListener){ element.removeEventListener(type,handler,false); } else if(element.attachEvent){ element.detachEvent('on'+type,handler); } else{ element['on'+type]=null; } } } eventutil.addHandler(btn3,"click",showMessage); eventutil.removeHandler(btn3,"click",showMessage); </script> </body> </html>

查看全部

0 采集收起来源：IE事件处理程序及跨浏览器解决
2018-03-22
IMaki

我的思路应该还是比较好懂的欢迎同学来看~

查看全部

2 采集收起来源：编程挑战
2016-05-08
Pi等于几 00:53

事件处理程序

查看全部

0 采集收起来源：IE事件处理程序及跨浏览器解决
2016-05-07
eduardo 11:08

Event.onclick等价于 Event['onclick'];

查看全部

0 采集收起来源：IE事件处理程序及跨浏览器解决
2016-05-07
qq_如切如磋

dom 0级事件处理程序

查看全部

0 采集收起来源：DOM0级事件处理程序
2016-05-07
白空阳

键盘事件如何判断按下的键的值： document.onkeyup = function(event){ event = event || window.event; console.log(event.keyCode); //浏览器显示松开按键的code码 }

查看全部

0 采集收起来源：[DOM事件] 抽奖系统（下）
2016-05-07
白空阳

keyDown：当用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件。 keyPress：当用户按下键盘上的字符键时触发，而且如果按住不放的话，会重复触发此事件。 keyUp：当用户释放键盘上的键时触发。 1.首先把抽奖内容放在一个数组内。 2.添加鼠标事件。 ·添加定时器setInterval ·生成随机数random 生成0-1之间的随机数，所以需要取整并且*数组的长度 ·随机数取整math.floor ·根据随机数，取出数组里的值 3.解决一个bug，做完上述内容以后，鼠标不停点击开始，定时器的累积。 ·清除定时器clearInterval 4.设置点击按钮时，按钮的背景颜色 5.停止抽奖 ·清除定时器 ·恢复颜色 6.添加键盘事件 ·判断按下的字符是否回车EVENT对象keyCoden事件 ·判断第几次按下回车 7.小bug，要解决一个当用户用鼠标点击了开始，用键盘来停止的时候。

查看全部

0 采集收起来源：[DOM事件] 抽奖系统（下）
2016-05-07
白空阳

console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。相比alert他的优点是：他能看到结构化的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到它有网页的各种提示。键盘事件 onkeydown：按下键盘上任意键时触发，（按住不放会重复触发） onkeypress：按下键盘上的字符键时触发 onkeyup：释放键盘上的键时触发,（即按住不会重复触发） keyCode：event.keyCode，获得当前按下键盘上按键的键码，回车键为13 定时器：注意：使用timer前一定要进行初始化=====>var timer[]; timer=setInterval(function(){},50)：每隔50ms执行一次函数 clearInterval(定时器名)：清除定时器，再加定时器前需清除原来的定时器，防止多个定时器叠加随机数： Math.random()：生成0-1的随机数 Math.floor()：向下取整

查看全部

0 采集收起来源：[DOM事件] 抽奖系统（下）
2018-03-22
冷月诗魂

console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。相比alert他的优点是：他能看到结构化的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到它有网页的各种提示。键盘事件 onkeydown：按下键盘上任意键时触发，（按住不放会重复触发） onkeypress：按下键盘上的字符键时触发 onkeyup：释放键盘上的键时触发,（即按住不会重复触发） keyCode：event.keyCode，获得当前按下键盘上按键的键码，回车键为13 定时器：注意：使用timer前一定要进行初始化=====>var timer[]; timer=setInterval(function(){},50)：每隔50ms执行一次函数 clearInterval(定时器名)：清除定时器，再加定时器前需清除原来的定时器，防止多个定时器叠加随机数： Math.random()：生成0-1的随机数 Math.floor()：向下取整

查看全部

2 采集收起来源：[DOM事件] 抽奖系统（下）
2018-03-22

首页上一页 229 230 231 232 233 234 235 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.你一定对HTML+CSS比较熟悉； 2.掌握一定的JS基础知识，尤其是函数封装、调用等知识。

老师告诉你能学到什么？: DOM事件具体相关知识，DOM事件的使用方法及应用！