js事件1 event对象 事件冒泡

1 什么是event对象

用来获取时事件的详细信息:鼠标位置,键盘位置

2 获取event对象(兼容性写法)

var oEvent = ev || event; 哪个为真取哪个

  • ev:火狐
  • event:IE 和其他浏览器高版本

3 事件冒泡

HTML




    
    事件冒泡
    


效果

js事件1 event对象 事件冒泡_第1张图片
maopao.gif

4 取消冒泡

oEvent.cancleBubble = true;不向父级传递事件

Ex

做一个效果,点按钮出现一个下拉菜单,点页面其他空白位置,使下拉菜单hide

HTML




    
    取消冒泡

    



效果

js事件1 event对象 事件冒泡_第2张图片
cancleBubble.gif

你可能感兴趣的:(js事件1 event对象 事件冒泡)