为了账号安全,请及时绑定邮箱和手机立即绑定
  • 鼠标事件都是在浏览器窗口中的特定位置上发生的,这个位置信息保存在事件的 clientX 和clientY属性中,所有的浏览器都支持这两个属性,它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。
    查看全部
  • 键盘事件
    查看全部
  • DOM中的事件对象有几个方法:(1)type属性,用于获取事件类型 (2)target属性 用于获取事件目标 (3)stopPropagation()方法用于阻止事件冒泡 (4)preventDefault()方法阻止事件的默认行为。
    查看全部
  • 键盘事件
    查看全部
  • 跨浏览器解决方法对于DOM0级事件、DOM2级事件、IE事件处理进行判断,解决跨浏览器的解决方式,创建一个方法,将三种方法使用IF的方式进行处理
    查看全部
  • 获取事件的函数用type<br> 获取事件的对象用target 阻止事件冒泡用stopProgation; 阻止事件默认行为用preventDefualt;
    查看全部
  • <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type='text/javascript'> function subbton(event){ console.log(event.type); //获取事件类型 "click" console.log(event.target); //获取事件目标 "[object HTMLInputElement]" event.stopPropagation(); //取消事件冒泡 不会触发父元素div和body的事件 event.preventDefault(); //取消默认行为 } </script> </head> <body> <div id='div1'><input type="button" id='btn' value='DOM对象event' onclick="subbton(event)" /></div> </body> </html>
    查看全部
  • clientX clientY 可以得到光标的坐标
    查看全部
  • DOM0级绑定事件和解绑事件 绑定事件--eg:btn.onclick=function(){/*操作代码*/} 解绑事件--eg:btn.onclick=null;
    查看全部
  • 直接把事件加载到html结构中的元素上的事件方法:叫做HTML事件 缺点:HTML和JS代码紧密耦合在一起,需要修改则要改两个地方 eg: <input type='button' id='buttonsub' onclick='register()'></input> <script type='text/javascript> function register(){ .... } </script>
    查看全部
  • 事件流:指从页面中接受事件的顺序 事件冒泡流(主流,现在仅考虑这一种情况也可以) 事件捕获流(已经比较少了) 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档),eg: button - div - body 事件捕获:最不具体的事件应该先接受,最具体的事件应该后接收。事件捕获与事件冒泡相反,eg: body - div - button
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2018-03-22

  • 跨浏览器代码
    查看全部
  • 跨浏览器解决方法
    查看全部
  • 跨浏览器解决方法对于DOM0级事件、DOM2级事件、IE事件处理进行判断,解决跨浏览器的解决方式,创建一个方法,将三种方法使用IF的方式进行处理。
    查看全部
  • DOM2级事件处理程序对IE无效;DOM2级处理程序主要涉及两个语法 addEventListener()和removeEventListener(),两个方法中要增加三个参数 事件名、函数名、布尔值 例: btn3.addEventListener("click","showmes",false);其中触发onclick事件不需要添加on,函数不需要添加();
    查看全部

举报

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

微信扫码,参与3人拼团

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

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