原生js實現(xiàn)跨瀏覽器獲取鼠標按鍵的值
更新時間：2013年04月08日 11:16:45 作者：
e.button W3C是獲取鼠標按鍵 0 表示左鍵 1表示中鍵 2表示右鍵 而IE瀏覽器則是 1表示左鍵 4表示中間 2表示右鍵 這里的IE瀏覽器主要是IE8以下的瀏覽器，感興趣的朋友可以參考下哈
復制代碼 代碼如下:
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是代表沒有按下鼠標鍵的時候所返回來的值
};
};
};
相關文章
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)10秒后再次獲取驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
基于javascript實現(xiàn)瀏覽器滾動條快到底部時自動加載數(shù)據(jù)
這篇文章主要介紹了基于javascript實現(xiàn)瀏覽器滾動條快到底部時自動加載數(shù)據(jù)的相關資料,需要的朋友可以參考下2015-11-11
探討：JavaScript ECAMScript5 新特性之get/set訪問器
這篇文章主要介紹了探討：JavaScript ECAMScript5 新特性之get/set訪問器 的相關資料,需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細介紹了js實現(xiàn)圖片輪播切換效果，圖片自動輪播切換、點擊上下鍵圖片切換上下圖片等，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
做輸入校驗的時候如果你前端框架用的是bootstrap的話，首推bootstrapValidator校驗方式，下面通過本文給大家分享下校驗流程，一起看看吧2016-12-12
本篇文章主要介紹了微信小程序圖片選擇區(qū)域屏裁剪實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
本文是對js中字母大小寫轉(zhuǎn)換的實現(xiàn)方法進行了總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
typescript+react實現(xiàn)移動端和PC端簡單拖拽效果
這篇文章主要為大家詳細介紹了typescript+react實現(xiàn)移動端和PC端簡單拖拽效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
下面的代碼是從實際項目中AJAX的回調(diào)部分 copy 出來的，使用了JS的遞歸，文本格式為JSON2010-05-05
本文主要介紹了圖片懶加載插件，函數(shù)節(jié)流的應用以及函數(shù)節(jié)流具體的好處、常用的場景。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01