怎么實(shí)現(xiàn)js跨瀏覽器獲取鼠標(biāo)按鍵的值
怎么實(shí)現(xiàn)js跨瀏覽器獲取鼠標(biāo)按鍵的值
學(xué)習(xí)前端的小伙么都要學(xué)習(xí)js，如果叫你通過js 跨瀏覽器獲取鼠標(biāo)按鍵的值你知道怎么做嗎?不知道的話跟著學(xué)習(xí)啦小編一起來(lái)學(xué)習(xí)怎么通過js 跨瀏覽器獲取鼠標(biāo)按鍵的值。
通過js 跨瀏覽器獲取鼠標(biāo)按鍵的值的方法
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、所以，如果說(shuō)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í)候所返回來(lái)的值
};
};
};
js 跨瀏覽器獲取鼠標(biāo)按鍵的值相關(guān)文章：
1.jS獲取鼠標(biāo)坐標(biāo)、獲取鼠標(biāo)像素點(diǎn)