この記事では、リファレンスの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をもっとサポートすることを願っています。