码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器默认事件,事件监听,事件委托

时间:2018-08-26 23:43:43      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:推荐   跳转   常见   最大的   return   turn   右键菜单   冒泡   submit   

浏览器的常见默认行为

  图片,文字可以脱出爱

  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:回调函数 

 

技术分享图片

 

浏览器默认事件,事件监听,事件委托

标签:推荐   跳转   常见   最大的   return   turn   右键菜单   冒泡   submit   

原文地址:https://www.cnblogs.com/lzn0330/p/9539387.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!