笔记-[4]-event事件对象的详解!

event事件对象:是指当前对象发生的事件的一些详细的信息在event这个对象里。

event对象从哪里来?从事件函数中传入

    obj. //e就会当前的事件对象event

            

    }

对象就有属性和方法:那么event对象也有属性和方法

event的属性和方法:

{

属性:

button :  当前事件的方法中判断鼠标的按键位置 有三个值: 0 (左键) 1(滚轮) 2(右键)

ctrlkey:  判断是否按下了ctrl键; 

altkey:  判断是否按下了alt键;

shiftkey:  判断是否按下了shift键;

type:     事件的类型

target:   指向当前发生事件的对象,ie6/ie7支持srcElement,不支持target

cancelBubble:取消事件冒泡  IE7下支持该属性.其他主流浏览器用event下的stopPropagation()方法

 

方法(有很多,只写几个重要的):

    clientX:当前鼠标点到文档左边的距离

    clientY:当前鼠标点到文档上边的距离

    preventDefaust();阻止默认事件

    stopPropagation();取消事件冒泡

}

 

event对象在主流浏览器(e)和IE(event)中是存在兼容性的.

    解决方法:obj.事件(如onclick)=function(e){

        var e=e || window.event;//e为当前完美兼容的event对象.

}

原文地址:https://www.cnblogs.com/hellome/p/3783048.html