JavaScript事件对象

Posted zhao.bo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript事件对象相关的知识,希望对你有一定的参考价值。

一. 事件对象

事件处理三部分组成:对象.事件处理函数=函数。例如:单击文档任意处。

1.鼠标按钮

非 IE(W3C)中的 button 属性

0 表示主鼠标按钮(常规一般是鼠标左键)

1 表示中间的鼠标按钮(鼠标滚轮按钮)

2 表示次鼠标按钮(常规一般是鼠标右键)

IE 中的 button 属性
0 表示没有按下按钮
1 表示主鼠标按钮(常规一般是鼠标左键)
2 表示次鼠标按钮(常规一般是鼠标右键)
3 表示同时按下了主、次鼠标按钮
4 表示按下了中间的鼠标按钮
5 表示同时按下了主鼠标按钮和中间的鼠标按钮
6 表示同时按下了次鼠标按钮和中间的鼠标按钮
7 表示同时按下了三个鼠标按钮

function getButton(evt) { //跨浏览器左中右键单击相应
  var e = evt || window.event;
  if (evt) { //Chrome 浏览器支持 W3C 和 IE
    return e.button; //要注意判断顺序
  } else if (window.event) {
    switch(e.button) {
      case 1 :return 0;
      case 4 :return 1;
      case 2 :return 2;
    }
  }
}
document.onmouseup = function (evt) { //调用
  if (getButton(evt) == 0) {
    alert(\'按下了左键!\');
  } else if (getButton(evt) == 1) {
    alert(\'按下了中键!\');
  } else if (getButton(evt) == 2) {
    alert(\'按下了右键!\' );
  }
}

2.可视区及屏幕坐标

//e.clientX +document.documentElement.scrollTop+ \',\' + e.clientY   //chrome要用document.body.scrollTop

转载自:http://www.cnblogs.com/sctnl/p/6016503.html

 

以上是关于JavaScript事件对象的主要内容,如果未能解决你的问题,请参考以下文章

浅谈JavaScript的事件(事件对象)

JavaScript中的Event事件对象详解

第一百二十节,JavaScript事件对象

javascript event(事件对象)详解

javaScript中的事件对象event

JavaScript之DOM-8 Event对象(事件概述事件处理event对象)