JavaScript event.targetとsrcElementの違いと使い分け

JavaScriptにおいて、イベントオブジェクトには、イベントの対象要素を取得するために使用できる2つのプロパティがあります:event.srcElementとevent.target。

IEブラウザでは、event.srcElementはイベントの対象要素を表します。非IEブラウザでは、event.targetを使用してイベントの対象要素を取得できます。

以下是一个示例代码,展示如何配置event.srcElement和event.target。

document.getElementById('myElement').addEventListener('click', function(event) {
  var targetElement = event.srcElement || event.target; // 获取事件的目标元素
  console.log(targetElement);
});

指定されたコード内では、addEventListenerメソッドが’idが’myElement’の要素にクリックイベントをバインドするために使用されています。要素がクリックされると、コールバック関数がトリガーされます。コールバック関数では、event.srcElementまたはevent.targetを使用してイベントのターゲット要素を取得し、コンソールに出力します。

上記のコードを使用して、必要に応じてevent.srcElementまたはevent.targetを使用してイベントの対象要素を取得できます。

bannerAds