首页 > 代码库 > JavaScript事件对象【转】

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事件对象【转】