为了账号安全,请及时绑定邮箱和手机立即绑定
  • 小结: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,不然无法运行
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 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基础内容
    查看全部
  • “清空设置”
    查看全部
    0 采集 收起 来源:编程挑战

    2017-01-16

  • 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 采集 收起 来源:[DOM] 事件冒泡

    2017-01-15

举报

0/150
提交
取消
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识。
老师告诉你能学到什么?
DOM事件具体相关知识,DOM事件的使用方法及应用!

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!