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