原生js實現跨瀏覽器擷取滑鼠按鍵的值_javascript技巧

複製代碼 代碼如下:

document.onmousedown = function( e ){
alert(getButton(e)) // e.button W3C是擷取滑鼠按鍵 0 表示左鍵 1表示中鍵 2表示右鍵 而IE瀏覽器則是 1表示左鍵 4表示中間 2表示右鍵 這裡的IE瀏覽器主要是IE8以下的瀏覽器
};
function getButton(e){
/*
1、window.event這個屬性IE和Chrome都是支援的
2、但是Chrome也是支援W3C的
3、所以，如果說W3C和IE都支援的話，那麼就已W3C做為標準化
*/
if( e ){ // 作為第一次判斷Chrome 就以W3C為標準了
return e.button;
}else if( window.event ){
switch( window.event.button ){
case 1 : return 0; // 返回滑鼠左鍵的值
case 4 : return 1; // 返回滑鼠中鍵的值
case 2 : return 2; // 返回滑鼠右鍵的值
case 0 : return 2; // 返回滑鼠右鍵的值 主要是360瀏覽器會返回了在IE瀏覽器中返回的0是代表沒有按下滑鼠鍵的時候所返回來的值
};
};
};