-
小结:html事件 直接在html中onclick触发事件 缺点:html和js耦合在一起,需要一起改查看全部
-
这一小节很关键啊 mark!查看全部
-
//跨浏览器兼容 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.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } },查看全部
-
as[i].onmouseover=function() { this.style.background="red"; } 记得用this,不然无法运行查看全部
-
PPT截图查看全部
-
DOM中的常用方法查看全部
-
1、DOM0级和DOM2级的共同优点: 能添加多个事件处理程序,按顺序执行,HTML事件处理程序无法做到~ 2、关于dom0级和dom2级的区别 DOM0级事件处理:同时绑定几个不同的事件,例如在绑定onclick的基础上再绑定一个onmouseover为按钮2设置背景颜色(这里注意不能onclick、onmouseover事件都设为alert弹出哦,可能有冲突,dom0和dom2都不能成功);但是不能同时绑定多个相同的事件,比如onclick;会覆盖,只会执行最后一个的函数; DOM2级事件处理:优点:同时绑定几个事件(相同或不同),然后顺序执行,不会覆盖。缺点:不具有跨浏览器优势。查看全部
-
DOM2级事件处理程序: 1. 添加事件处理程序:addEventListener() 2. 删除事件处理程序:removeEventListner() 3. 接受三个参数:需要处理的事件名,作为事件处理程序的函数,和布尔值(true捕获流、false冒泡流): 4. 事件名:on去掉(比如用“click”而不是“onclick”); 5. 布尔值一般都是添加false; 总结: 1、DOM0级和DOM2级的共同优点: 能添加多个事件处理程序,按顺序执行,HTML事件处理程序无法做到~ 2、关于dom0级和dom2级的区别 DOM0级事件处理:同时绑定几个不同的事件,例如在绑定onclick的基础上再绑定一个onmouseover为按钮2设置背景颜色(这里注意不能onclick、onmouseover事件都设为alert弹出哦,可能有冲突,dom0和dom2都不能成功);但是不能同时绑定多个相同的事件,比如onclick;会覆盖,只会执行最后一个的函数; DOM2级事件处理:优点:同时绑定几个事件(相同或不同),然后顺序执行,不会覆盖。缺点:不具有跨浏览器优势. 另外,IE9能兼容DOM2级查看全部
-
HTML事件处理程序(现在不建议使用了): 事件写在HTML代码中 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方--HTML元素内和script函数。查看全部
-
//跨浏览器兼容 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.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } },查看全部
-
html基础内容查看全部
-
“清空设置”查看全部
-
event.keyCode:获取键盘事件的按键键码; clearInterval(timer):删除计时器;每次开始计时之前要先清空定时器; console.log(event.keyCode):控制台打印键码; 设置标示,用来表示按键是否被按下过: 没有被按下过:flag=flase或flag=0; 按下过:flag=true或flag=1;查看全部
-
键盘事件: KeyDown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件; KeyPress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件; KeyUp:当用户释放键盘上的键时触发; Math.random():生成随机数方法,所生成的随机数为0-1之间的浮点数; Math.floor():向下取整; Math.floor(Math.random()*data.length):生成0-data.length之间的随机整数; setInterval(fun,time):定时器,每隔一定时间就调用函数,方法或对象。查看全部
-
事件冒泡查看全部
举报
0/150
提交
取消