zoukankan      html  css  js  c++  java
  • dom事件

    1.:

              DOM0级事件元素绑定多个click最后只执行最后一个click

              DOM2级事件元素绑定多个click,都要执行

              注意当绑定的多个事件名,函数名,事件发生阶段三者完全一样时,才执行最后一个

                     div.addEventListener("click",fn1,false)

                     div.addEventListener("click",fn1,false)

                      第二参数尽量不要使用匿名函数

               区别:1.dom0级绑定多个相同的事件,后者会覆盖前者,dom2级不会

                          2.Dom0只适合普通事件,Dom2级还有指定的事件类型如DOMContentLoaded(html文档结构加载完成之后执行)这个事件就是jquery中的$(document).ready()

                          Window.onload$(document).ready()的区别

    2.事件取消 DOM0级直接赋值nullDOM2级需要使用removeEventListener()

     

    3.键盘事件

     

               键盘事件 :onkeydown  onkeyup

     

               键盘事件触发时,浏览器天生给方法一个叫KeyboardEvent的对象,所有键盘的信息都在这个对象上。

     

        我们发现ev有个属性keyCode 键盘编码

     

                document.onkeydown=function(ev){

     

                         var ev=ev||window.event

     

                        console.log(ev.keyCode)

                  }

     

              右击鼠标事件  oncontextmenu  鼠标右击事件

     

     

     

  • 相关阅读:
    uniapp判断token多次登录问题
    vue强制刷新子组件到初始状态
    时间戳转化时间过滤器
    axios二次封装具有请求/响应拦截的http请求
    vue常见的工具函数
    解决npm i 初始化,core-js报错
    node环境变量配置
    scss基本使用
    Vue element-ui父组件控制子组件的表单校验
    antd-Calendar(日历)自动嵌入对应时间问题
  • 原文地址:https://www.cnblogs.com/wwwzhaocom/p/10077411.html
Copyright © 2011-2022 走看看