慕课网

精品课程 DOM事件探秘

DOM事件探秘

最热最新

FlappyBear 03:30

DOM 和 IE 中的事件方法

查看全部

0 采集收起来源：IE中的事件对象
2016-05-17
FlappyBear 13:14

DOM事件两个属性两个方法。

查看全部

0 采集收起来源：DOM中的事件对象
2016-05-17
_莫忘初衷_

for(var i=0;i<as.length;i++){ as[i].onmouseover=function(){ this.style.background="#ccc"; } } 如果 this.style.background="#ccc"; 写成 as[i].style.background="#ccc"; 最后as[0]~as[3]的元素的 onmouseover 函数会变成 as[0].onmouseover=as[i].style.background="#ccc"; as[1].onmouseover=as[i].style.background="#ccc"; as[2].onmouseover=as[i].style.background="#ccc"; as[3].onmouseover=as[i].style.background="#ccc"; 因为i经过for循环已经计算得出是4. 所以上式可以写成 as[0].onmouseover=as[4].style.background="#ccc"; as[1].onmouseover=as[4].style.background="#ccc"; as[2].onmouseover=as[4].style.background="#ccc"; as[3].onmouseover=as[4].style.background="#ccc"; 显然是不正确的，如果写成this as[0].onmouseover=this.style.background="#ccc"; as[1].onmouseover=this.style.background="#ccc"; as[2].onmouseover=this.style.background="#ccc"; as[3].onmouseover=this.style.background="#ccc"; 懂了吧~

查看全部

0 采集收起来源：编程挑战
2018-03-22
_莫忘初衷_

你绑定事件是i只是个引用，循环结束后i的值就变了，你可以试试每次输出的i都死i.length.在js中for是无作用域的。执行dom节点操作时取得便是for最后的i++的值.这是JavaScript一个经典问题:在遍历数组时对DOM监听事件,索引值始终等于遍历结束后的值. 解决方法: 方法一:利用必包 for(var i=0;i<as.length;i++){ (function (_i){ as[_i].onmouseover = function() { this.style.background = '#D0D6D9'; } as[_i].onmouseout = function() { this.style.background = '#FFF'; } as[_i].onclick = function() { title.innerHTML = this.innerHTML; } })(i); } 方法二:给DOM节点添加_index属性,属性值等于索引 for(var i=0;i<as.length;i++){ as[i]._index=i; as[i].onclick=function(){ as[i].onmouseover = function() { this.style.background = '#D0D6D9'; } as[i].onmouseout = function() { this.style.background = '#FFF'; } as[i].onclick = function() { title.innerHTML = this.innerHTML; } } }

查看全部

0 采集收起来源：编程挑战
2018-03-22
_莫忘初衷_

console.log 主要是方便你调式javascript用的,你可以看到你在页面中输出的内容。相比alert他的优点是：他能看到结构化的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到它有网页的各种提示。键盘事件 onkeydown：按下键盘上任意键时触发，（按住不放会重复触发） onkeypress：按下键盘上的字符键时触发 onkeyup：释放键盘上的键时触发,（即按住不会重复触发） keyCode：event.keyCode，获得当前按下键盘上按键的键码，回车键为13

查看全部

0 采集收起来源：[DOM事件] 抽奖系统（下）
2016-05-17
_莫忘初衷_

keydown 用户按下键盘上的任意键时触发，若不松开会持续触发 keypress 用户按下键盘上的字符键时触发，若不松开会持续触发 keyup 用户松开键盘上的键时出发的事件 console.log('hello');//在控制台打印字符串hello Math.random();//生成0~1之间的随机数 Math.floor();//对浮点数取整，省去小数点后面的字符 Math.floor(Math.random()*data.length);//生成范围在0~data.length之间的随机整数

查看全部

0 采集收起来源：[DOM事件] 抽奖系统（上）
2016-05-17
_莫忘初衷_

display: none 和display：block 控制弹框是否显示 onmousemove onmousedown onmouseup 后两者合起来可以看成onclick DOM0级取消事件发生机制使用事件指针成为null 例如 document.onclick=null;

查看全部

0 采集收起来源：[DOM事件] QQ面板拖拽效果（下）
2016-05-17
纯白丶记忆 13:13

事件对象

查看全部

0 采集收起来源：DOM中的事件对象
2016-05-17
子不语96

什么是事件对象？在触发DOM上的事件时都会产生一个对象事件对象EVENT ①DOM中的事件对象属性（1）、type属性用于获取事件类型（2）、target属性用于获取事件目标（3）、stopPropagation()方法用于阻止事件冒泡（4）、preventDefault() 方法阻止事件的默认行为如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外）如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法

查看全部

0 采集收起来源：DOM中的事件对象
2016-05-17
Joy_Strong

有问题

查看全部

0 采集收起来源：编程练习
2016-05-17
qq_nuo_1

事件捕获：外-内

查看全部

0 采集收起来源：[DOM] 事件捕获
2016-05-17
qq_nuo_1

事件冒泡：内-外

查看全部

0 采集收起来源：[DOM] 事件冒泡
2016-05-17
FlappyBear 18:49

页面高度宽度，元素的高度宽度的获得方法

查看全部

0 采集收起来源：[DOM事件] QQ面板拖拽效果（下）
2016-05-16
FlappyBear 13:19

IE用window.event而非IE用event

查看全部

0 采集收起来源：[DOM事件] QQ面板拖拽效果（上）
2016-05-16
FlappyBear 10:37

记录鼠标指针位置的属性，所有浏览器都支持这个属性。

查看全部

0 采集收起来源：[DOM事件] QQ面板拖拽效果（上）
2016-05-16

首页上一页 221 222 223 224 225 226 227 下一页尾页

0/150

提交

取消

开始学习

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

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