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

笔记-【3】-event事件对象的详解!

时间:2014-06-01 16:38:13      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:浏览器   信息   target   button   function   

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对象.

}

本文出自 “博主梧桐” 博客,请务必保留此出处http://wutong.blog.51cto.com/5214074/1420176

笔记-【3】-event事件对象的详解!,布布扣,bubuko.com

笔记-【3】-event事件对象的详解!

标签:浏览器   信息   target   button   function   

原文地址:http://wutong.blog.51cto.com/5214074/1420176

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