この記事では、リファレンスのJSマウスの特殊効果の例コードを共有しています。特定のコンテンツは次のとおりです
例1：右のマウスボタンを無効にします
<script type = "text/javascript"> //ドキュメントのマウスボタンのコールバックを定義しますdocument document.onmousown = function（event）{//イベントの値が右クリックかどうかを判断//ユーザーに右クリックを無効にするように促します}} </script>0ボタンを押しません
1左ボタンを押します
2右ボタンを押します
3左と右のキーを押します
4中央のキーを押します
5左および中央のキーを押します
6右および中央のキーを押します
7すべてのキーを押します
例2：マウスポインターの形状を動的に定義します
<script type = "text/javascript"> //マウス形状関数initmouse（）{//タグ名を介してターゲットdomを取得します。完全なWebページの場合、body var pdom = document.getelementsbytagname（ "p"）[0]を使用できます。 //スタイルのマウスポインター形状を変更すると、ポインターは手の形状です。pdom.style.cursor= 'pointer'; } </script>名前属性コード
デフォルトの矢印スタイルカーソル：デフォルト
ハンドシェイプカーソル：ポインター
ハンドシェイプカーソル：手
クロスアローカーソルを移動：移動します
質問マークカーソル：ヘルプ
クロスヘアカーソル：クロスヘア
テキスト/エディターカーソル：テキスト
リリースできません（無効）カーソル：ノードロップ
Cursorを無効にする：許可されていない
自動カーソル：自動
カーソル：進行状況
サイズの上向きのカーソルを変更します：n-resize
サイズダウンカーソルを変更します：s-resize
サイズを左カーソルに変更します：W-Resize
サイズを右のカーソルに変更します：e-resize
左カーソルのサイズを変更します：nw-resize
サイズを左カーソルに変更します：SW-Resize
サイズを右カーソルアップアップしてください：ne-resize
サイズを右下のカーソルに変更します：se-resize
例3：マウスが入って出口になったときにフォントサイズの変更
<script type = "text/javascript"> //マウスポインターを関数Mover（pdom）{pdom.style.fontsize = '20px'; //フォントサイズを20ピクセルにサイズ変更} //マウスポインターアウト関数mout（pdom）{pdom.style.fontsize = ''; //フォントサイズをデフォルトに変更します} </script> <！ - 領域を定義します - > <p style = "マージン：5px auto; width：100px; height：100px; border：1px solid black;" onmouseover = "mover（this）;" onmouseout = "mout（this）;">マウスをこの領域に移動</p>例4：
<script type = "text/javascript"> var nowpos; //現在の位置var mytimer; //タイマー変数関数startIT（）{// start function // 10 milliseconds mytimer = window.setinterval（ "scrollpage（）"、10）; } //停止関数stopit（）{//タイマーclearinterval（mytimer）; } // scroll関数scrollpage（）{window.scrollby（0,1）; // 1つのピクセルでスクロール} document.onmousedown = stopit; //クリックイベントdocument.ondblclick = startitをスナップします。 //ダブルクリックイベントを聞く</script>例5：マウスとのリンクに異なる色が表示されます
<script type = "text/javascript"> //マウスオーバーイベント関数defineLinkColor（）{// WebページのすべてのリンクのDOMを取得するvar linkdoms = document.getElementsBytagname（ "a"）; // links domのtransf（var i = 0; i <linkdom.length; i ++）{//各link mouseover linkdomsのイベントコールバックを定義します[i] .onmouseover = function（）{this.style.color = 'red'; //現在のリンクのカラースタイルを変更} linkdoms [i] .onmouseout = function（）{this.style.color = ''; //デフォルトを復元}}}} </script>例6：マウスプーリーを無効にします
<script type = "text/javascript"> function init（）{//ドキュメントのプーリーのプーリースライディングのイベントコールバック関数を再定義します。 //ユーザーは、プーリーを使用しないように求められますfalseを返します。 // falseを返し、何も行われません（この文は見逃すことはできません。そうしないと、まだスクロールします）}; } </script>上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。