JavaScript事件對象【轉】

標籤：中間   滑鼠   事件處理   順序   body   return   9.png   script   alert   

一． 事件對象

事件處理三部分組成：對象.事件處理函數=函數。例如：單擊文檔任意處。

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事件對象【轉】