ホームページ > ウェブフロントエンド > jsチュートリアル > event.srcElement の使用上の注意 e.target_javascript のヒント

event.srcElement の使用上の注意 e.target_javascript のヒント

WBOY
リリース: 2016-05-16 18:38:48
オリジナル
1228 人が閲覧しました

なお、取得したタグは「TD」「TR」「A」など、すべて大文字で表記されます。そのため、読んだ内容の一部を書き留めて、覚えていないときに読み返します。

コードをコピー コードは次のとおりです:



event.srcElement には、文字通り次のキーワードがあります: イベント、ソース 意味:現在のイベントのソース。
document.getElementById("") などのさまざまな属性を呼び出すことができます。
Firefox でのevent.srcElementの使用方法についてよく質問されます。
IE では、イベント オブジェクトには srcElement 属性がありますが、target 属性はありません。Firefox では、イベント オブジェクトには target 属性がありますが、srcElement 属性はありません。ただし、それらの機能は同等です。つまり、
firefox では、event.target =even となります。 IE の .srcElement

解決策: obj (obj =event.srcElement ?event.srcElement :event.target;) を使用して、IE または Firefox のevent.target のevent.srcElementを置き換えます。
以下はいくつかです。一般的な状況 (テストは IE でパスします。firefox でevent.targetをテストしたい場合は、コードを変更して保存してから、firefoxでテストを開きます):

srcElement. div_001">
<script> <u>{ </u>var srcElement= "" </a>srcElement = srcElement " " "event.srcElement.id : "event.srcElement.id </span>srcElement = srcElement " " "event.srcElement.tagName : "event.srcElement.tagName </div>srcElement = srcElement " " "event.srcElement.type : "event.srcElement.type <div class="codebody" id="code36405">srcElement = srcElement " " "event.srcElement.value : "event.srcElement.value <br>srcElement = srcElement " " "event .srcElement.name : "event.srcElement.name <br>srcElement = srcElement " " "event.srcElement.className : "event.srcElement.className <br>srcElement = srcElement " ""event.srcElement.parentElement.id : "event.srcElement. parentElement.id <br>srcElement = srcElement " "event.srcElement.getattribute : "event.srcElement.getAttribute <br>alert(srcElement) <br>} <br></script> 🎜>event.srcElement.selectedIndex は通常、選択オブジェクトで使用されます:




コードをコピー


コードは次のとおりです:


最初のサブタグ 最後の1 つは event.srcElement.firstChild [i] event.srcElement.parentElement に関しては、マウスが置かれているオブジェクトの前のオブジェクトを参照します。


コードをコピー


コードは次のとおりです:


これは最初のノード div001
これは 2 番目のノード div002
これは 3 番目のノード div003

これは 3 番目のノード div004


< ;/div>
<script> <br>function Get_srcElement() <br>{ <br>var srcElement="" <br>srcElement = srcElement " "event.srcElement.children[0].tagName: "event.srcElement .children[0].tagName <br>srcElement = srcElement " " "event.srcElement.firstChild.id : "event.srcElement.firstChild.id <br>srcElement = srcElement " " "event.srcElement.lastChild .id : " event.srcElement.lastChild.id <br>alert(srcElement) <br>} <br></script>





event.srcElement 関連の問題 - - 子
event.srcElement のタグと親タグ:
最初の子タグは
event.srcElement.firstChild
最後の子タグは
event.srcElement.lastChild
もちろん、
event.srcElement.children[i]
event.srcElement.ChildNode[i]
event.srcElement.parentElement については、マウスが配置されているオブジェクトの前のオブジェクトを参照します。 。


atest



< ;td>tr< ;/td>

;td

オプション値="2">/オプション>
<オプション値="3">/オプション>
<オプション値="4">/オプション> 🎜>

コードリファレンス:

http://www.jb51.net /article/566 .htm
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート