为了账号安全,请及时绑定邮箱和手机立即绑定
  • addEventListener()/removeEventListner()
    查看全部
  • 两种事件方法: 1、HTML事件:直接在元素上添加onclick() 事件; 2、DOM 0级事件: (1)通过var btn=document.getElementById('btn')获取元素; (2)通过btn.onclick=function(){alert('Hello')}在元素上添加事件;
    查看全部
  • 下拉菜单 使用键盘事件onkeydown,keyCode 使用鼠标事件onmouseover,onmouseout,onclick 注意 1、设置键盘按下时的背景色时,直接设置在每次按下键盘之前重置背景色就好! 2、keyCode:上箭头38,下箭头40,回车13 3、点击三角时需阻止事件冒泡,否则取不到menu
    查看全部
    0 采集 收起 来源:编程挑战

    2015-10-14

  • 封装getElementsByClassName函数
    查看全部
  • 键盘事件 onkeydown:按下键盘上任意键时触发,(按住不放会重复触发) onkeypress:按下键盘上的字符键时触发 onkeyup:释放键盘上的键时触发 keyCode:event.keyCode,获得当前按下键盘上按键的键码,回车键为13 定时器: setInterval(function(){},50):每隔50ms执行一次函数 clearInterval(定时器名):清除定时器,再加定时器前需清除原来的定时器,防止多个定时器叠加 随机数: Math.random():生成0-1的随机数 Math.floor():向下取整
    查看全部
  • 事件处理
    查看全部
  • 使用事件处理程序
    查看全部
  • if(e.stopPropagation) { //W3C阻止冒泡方法 e.stopPropagation(); } else { event.cancelBubble = true; //IE阻止冒泡方法 }
    查看全部
    0 采集 收起 来源:编程挑战

    2015-10-14

  • 本章内容 1、理解事件流 2、使用事件处理程序 3、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数 5、跨浏览器的事件处理程序 三、事件对象 事件对象event 1、DOM中的事件对象 (1)、type:获取事件类型 (2)、target:事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement:事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为
    查看全部
  • 跨浏览器解决事件处理程序: 注意: 1、element.onclick === element[onclick] 2、addEvenListener(type,handler,false)中type没有on,attachEvent(type,hander)中type有on
    查看全部
  • IE的Dom2级事件 添加事件attachEvent(); 删除事件detachEvent();
    查看全部
  • IE的Dom2级事件 添加事件attachEvent(); 删除事件detachEvent();
    查看全部
  • addEventListener(事件名, 处理程序, 布尔值); 注:所有的事件on开头的没有了on eg:onclick ->click 通过add添加的事件只能通过removeEventListener(事件名, 处理程序, 布尔值)删除
    查看全部
  • DOM2级处理程序 addeventlisener
    查看全部
  • DOM0级事件处理程序
    查看全部

举报

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

微信扫码,参与3人拼团

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

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