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

複製程式碼 程式碼如下:

document.onmousedown = function( e ){
alert(gettton (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是代表沒有按下滑鼠鍵的時候所回傳的值
};
};
};