ホームページ  >  記事  >  ウェブフロントエンド  >  ネイティブ js はマウス ボタンの値のクロスブラウザ取得を実装します_javascript スキル

ネイティブ js はマウス ボタンの値のクロスブラウザ取得を実装します_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 17:37:52850ブラウズ
コードをコピー コードは次のとおりです。

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。 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 ブラウザは主に、マウス ボタンが押されていないときに返される値を表す 0 を返します。 ;

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。