zoukankan      html  css  js  c++  java
  • 浏览器默认事件,事件监听,事件委托

    浏览器的常见默认行为

      图片,文字可以脱出爱

      a标签可以进行跳转

      右键是菜单

      submit可以进行提交

    右键菜单触发,可以作为一个事件

    document.oncontext=function(e){

      alert(1);

    }

    可以阻止浏览器默认行为

      return false;    可以实现,但不推荐使用,老师就是这么说的。

      还有就是时间对象提供的方法:e.preventDefault()   或e.returnValue=false;后者为了兼容该死的IE低版本

     例:

    DOM,一般的事件都是0级事件,有一个最大的缺点就是后者的事件会覆盖前者。

    例:  document.onclick=function(){
                alert(11);
            }
            document.onclick=function(){
                alert(22);
            }

    只会弹出22,因为后者会覆盖前者。

    DOM    2级事件,也叫事件监听

    对象.addEventListener()        参数1:事件类型,不加“on”   例:onclickz只需要写click

                 参数2:回调函数或一个函数名,推荐函数名

                 参数3:一个布尔值    false是默认值,代表冒泡(后面有说明),true代表捕获

    IE的兼容:attachEvent()      参数1:事件类型,要加on       例:onclick        参数2:回调函数

    解除事件监听

      removeEventListener()解绑的时候第二个参数必须是函数名,把回调函数写在方法里面无效

      例:div.removeEventListener("click",)

    IE的兼容:  detachEvent()    参数1:事件类型     参数2:回调函数 

  • 相关阅读:
    文件路径总结
    git本地仓库关联远程仓库
    webpack-dev-server版本
    box-sizing重置
    事件委托优缺点和实现
    移动端经验总结(持续更新)
    点击其他区域关闭dialog
    css3图片变灰
    安装 ubuntu 后,使用 sed 更换国内源
    在virtualBox中打开vdi(转载)
  • 原文地址:https://www.cnblogs.com/lzn0330/p/9539387.html
Copyright © 2011-2022 走看看