事件对象

和上面提到的函数stopPropagation() 和preventDefault() 一样,event 对象还包含很多有用的属性。W3C 规范中包含的大部分属性都列在下面,更多信息请参照完整的标准规范(http://www.w3.org/TR/DOM-Level-2-Events/)。
事件类型:
bubbles :布尔值,表示事件是否通过DOM 以冒泡形式触发。

事件对象
事件发生时,反映当前环境信息的属性:
button :表示(如果有)鼠标所按下的按钮。
ctrlKey :布尔值,表示Ctrl 键是否按下。
altKey :布尔值,表示Alt 键是否按下。
shiftKey :布尔值,表示Shift 键是否按下。
metaKey :布尔值,表示Meta 键注1 是否按下。

表示键盘事件的属性:
isChar :布尔值,表示当前按下的键是否表示一个字符。
charCode :表示当前按键的unicode 值(仅对keypress 事件有效)。
keyCode :表示非字符按键的unicode 值。
which :表示当前按键的unicode 值,不管当前按键是否表示一个字符。

事件发生时的环境参数:
pageX,pageY :事件发生时相对于页面(如viewport 区域)的坐标。
screenX,screenY :事件发生时相对于屏幕的坐标。

和事件相关的元素:
currentTarget :事件冒泡阶段所在的当前DOM 元素。
target,originalTarget :原始的DOM 元素。
relatedTarget :其他和事件相关的DOM 元素(如果有的话)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执...
    轻思维阅读 445评论 0 7
  • 键盘事件的类型相对应的操作 操作keyCode 不同于 操作charCode this代表的上下文 事件动作得到事...
    南航阅读 613评论 0 0
  • 事件对象 在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。包括导致...
    落花的季节阅读 177评论 0 1
  • 定义 记录了事件发生时关于事件的一些详细信息,这些信息都被保存在一个对象当中 使用和兼容性问题 IEevent对象...
    素弥阅读 323评论 0 1
  • 导言 这本书的作者还是欧文·亚隆和他的一位病人,金妮,是一本治疗实录。采取的方式是,每次治疗之后,两人分别写下对当...
    Marymlj阅读 333评论 0 0