鼠标、键盘属性

  1. altKey
    返回一个布尔值。指示在指定的事件发生时,Alt 键是否被按下并保持住了
    语法:
    event.altKey=true|false|1|0
  2. ctrlKey
    返可返回一个布尔值,指示当事件发生时,"ctrl" 键是否被按下并保持住。
    语法:
    event.ctrlKey=true|false|1|0
  3. shiftKey
    可返回一个布尔值,指示当事件发生时,"SHIFT" 键是否被按下并保持住。
    语法:
    event.shiftKey=true|false|1|0
  4. metaKey(不支持ie)
    可返回一个布尔值,指示当事件发生时,"meta" 键是否被按下并保持住。
    语法:
    event.metaKey
  5. button
    可返回一个整数,指示当事件被触发时哪一个鼠标按键被点击
    语法:
    event.button=0|1|2
    参数 描述
    0 规定鼠标左键。
    1 规定鼠标中键。
    2 规定鼠标右键。

    Internet Explorer 拥有不一样的参数:浏览器

    参数 描述
    1 规定鼠标左键。
    4 规定鼠标中键。
    2 规定鼠标右键。

    对于惯用左手的鼠标配置,上面的参数是颠倒的。布局

    提示:Mozilla 的 Ctrl–Click 参数是 2 (等价于右击)。spa

  6. clientX
    返回当事件被触发时鼠标指针向对于浏览器页面(或客户区)的水平坐标。客户区指的是当前窗口。
    语法:指针

    event.clientX

    注释:2 级 DOM 没有提供把窗口坐标转换为文档坐标的标准方法。在 IE 之外的浏览器,使用 window.pageXOffset 和 window.pageYOffset 便可。code

  7. clientY
    返回当事件被触发时鼠标指针向对于浏览器页面(客户区)的垂直坐标。
    语法:对象

    event.clientY

    注释:注意,该坐标不考虑文档的滚动。若是事件发生在窗口的顶部,不管文档滚了多远,clientY 的值都是 0。可是,2 级 DOM 没有提供把窗口坐标转换为文档坐标的标准方法。在 IE 之外的浏览器,使用 window.pageXOffset 和 window.pageYOffset 便可。seo

  8. screenX
    可返回事件发生时鼠标指针相对于屏幕的水平坐标。
    语法:事件

    event.screenX
  9. screenY
    可返回事件发生时鼠标指针相对于屏幕的垂直坐标。
    语法:
    event.screenY
  10. relatedTarget(不支持ie)
    返回与事件的目标节点相关的节点。
    对于 mouseover 事件来讲,该属性是鼠标指针移到目标节点上时所离开的那个节点。
    对于 mouseout 事件来讲,该属性是离开目标时,鼠标指针进入的节点。
    对于其余类型的事件来讲,这个属性没有用。
    语法:文档

    event.relatedTarget

ie属性

除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:get

属性 描述
cancelBubble 若是事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。
fromElement 对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。
keyCode 对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。
offsetX,offsetY 发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。
returnValue 若是设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,能够取消发生事件的源元素的默认动做。
srcElement 对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
toElement 对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。
x,y 事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。
相关文章
相关标签/搜索