js はイベントを使用してオブジェクトのアクションをトリガーする_JavaScript スキル

W3C 標準を学習して以来、コードに関して癖がついたようです。統一して再利用できるのであれば、これ以上書く必要はありません。こうすることで、フロントエンド ページのコードがよりきれいに見えるようになります。効率は直線的に増加します。

コードをコピー コードは次のとおりです: //マウスでトリガーされるイベントの範囲を定義します function findOutDiv(thisEvent){ // ループを使用してオブジェクトを検索しますCSS スタイル名と一致する CSS スタイル名 while(thisEvent.className! = "piccell"){ //このオブジェクトのタグ名が HTML の場合は、停止し、イベント オブジェクトが存在しないようにして、それを次の目的で使用します。後続の判定 if(thisEvent.tagName == "HTML"){ thisEvent = false; }else{ // それ以外の場合は、次のオブジェクトに進みます。親オブジェクト thisEvent = thisEvent.parentNode 🎜>//イベント オブジェクトを返します。イベント オブジェクトが存在しない場合は、false を返します。 return thisEvent; // マウスを使用します。時間トリガーの動作としてオブジェクトの属性を移動します document.onmouseover = function(e ){ //これは、イベントトリガーのオブジェクトをキャプチャする FireFox のメソッドです if(!e)e = window.event; //マウスでトリガーされるオブジェクトのエンティティにイベントを定義します。つまり、標準および制御可能なオブジェクトに準拠します。 //ターゲットは FF 専用、srcElement は IE 専用です。 🎜> var Event = e.target?e.target:e.srcElement //制御可能なオブジェクトを定義し、マウス トリガー イベントを呼び出す スコープによって返されるオブジェクト var thisEvent = findOutDiv(Event) //オブジェクトが存在する場合は続行します。 if(thisEvent){ // オブジェクトの CSS スタイルを定義します。 thisEvent.style. border = "2px Solid #7A99D2"; = "#D2E4FC"; } } //上記と同様に、時間トリガー動作としてマウスを使用してオブジェクトの外に移動します document.onmouseout = function(e){ if(!e)e = window.event; var Event = e.target?e.target:e.srcElement var thisEvent = findOutDiv(Event) if(thisEvent){ thisEvent.style.border = "2px ソリッド #CCC"; thisEvent.style.background = "#FFF" } } / -->

この方法で記述することの利点は明らかであり、各オブジェクトでアクションをトリガーする動作を記述する必要がなく、コードと JS が大幅に節約されます。 イベントを使用してオブジェクトのアクションをトリガーする利点を誰もが理解できるように、一定期間後にパーソナライズされたページを公開します。 GOOGLE および Microsoft LIVE のパーソナライズされたページは非常によく書かれているため、誰もがコードを学ぶことができます。これは、将来の AJAX アプリケーションに非常に役立ちます。