JavaScriptのイベントソースとは何ですか?-jsチュートリアル-php.cn

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

青灯夜游

リリース： 2023-01-06 11:17:07

オリジナル

4747 人が閲覧しました

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

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

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。