ホームページ > 記事 > ウェブフロントエンド > JavaScriptのイベントソースとは何ですか?

JavaScriptのイベントソースとは何ですか?

青灯夜游オリジナル: 2021-06-09 16:23:474736ブラウズ

イベントでは、現在操作している要素がイベントソースになります。たとえば、Web ページ要素の input には onclick イベントがあり、input がクリックされて onclic イベントが送信されると、イベントソースが入力されます。イベントソースはイベントオブジェクトの属性として存在し、srcElement 属性を使用してイベントソースを取得できます。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

イベントソース

イベントでは、現在操作されている要素がイベントソースになります。たとえば、Web 要素の入力には onclick イベントがあり、入力がクリックされて onclic イベントが送信されると、イベントソースは入力になります。

#一般的なイベントソース:

(マウス) イベント説明onclickマウスがオブジェクトをクリックするとトリガーされますondblclickマウスがダブルクリックされるとトリガーされますオブジェクトをクリックしますonmousedownマウスボタンが押されたときにトリガーされますonmousemoveトリガーされるタイミングマウスが移動されるonmouseoutマウスがこのイベントをリッスンしている要素またはサブ要素から離れるとトリガーされます onmouseover要素またはサブ要素がこのイベントをリッスンすると、マウスが [トリガー] に移動します。onmouseupマウスが放されたときにトリガーされます

##(キーボード) イベント##説明 onkeydownキーボード押下keypressキーボードホールドkeyupキーボードリリース(フォームコントロール) イベント

説明##onblurフォーカスの喪失onfocusフォーカスの取得oninput入力変更時#送信時#onresetリセット(ページ) イベント説明




	#変更
##送信

onloadページの読み込み終了onscrollScrollonresizeサイズの変更イベントソースの取得:

<html>
<head>
<title>获取事件源</title>
</head>
<body>
<div id="demo">点击这里</div>
<script type="text/javascript">
 document.getElementById("demo").onclick=function(e){
 var eve = e || window.event;
 var srcNode = eve.target || eve.srcElement; // 兼容所有浏览器
 alert(srcNode);
 }
</script>
</body>
</html>

プログラミング関連の知識については、プログラミングビデオ




	イベントソースは、のイベントオブジェクトのプロパティとして存在します。 W3C 仕様ではこの属性は target ですが、IE8.0 以下ではこの属性をサポートしておらず、srcElement 属性を使用してイベントソースを取得します。

をご覧ください。！

以上がJavaScriptのイベントソースとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript Event 对象事件 input

声明：

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

前の記事：typescript と javascript の違いは何ですか?次の記事：typescript と javascript の違いは何ですか?

続きを見る

JavaScriptのイベントソースとは何ですか?

イベント ソース

関連記事

イベントソース