HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのcurrentTargetイベントプロパティ

HTMLのcurrentTargetイベントプロパティは、イベントリスナーがイベントをトリガーした要素を取得するために使用されます。

以下は構文です-

event.currentTarget

currentTargetイベントプロパティを実装する例を見てみましょう-

例

<!DOCTYPE html>
<html>
<body>
<h2>Get the element</h2>
<p onclick="myFunction(event)">Click on this line to generate an alert box displaying the element whose eventlistener triggered the event.</p>
<script>
   function myFunction(event) {
      alert("Element = "+event.currentTarget.nodeName);
   }
</script>
</body>
</html>

出力

HTMLのcurrentTargetイベントプロパティ

次に、上のスクリーンショットに示すように行をダブルクリックして、イベントリスナーがイベントをトリガーした要素を表示するアラートボックスを生成します-

HTMLのcurrentTargetイベントプロパティ


  1. HTMLDOMtimeStampイベントプロパティ

    HTML DOM timeStampプロパティは、イベントが作成またはトリガーされたときの経過時間をミリ秒単位で返します。 注：timeStampは、イベントシステムが特定のイベントに対してサポートしている場合にのみ機能します。 以下は構文です- 戻り時間の値（ミリ秒単位） event.timeStamp HTML DOM timeStampの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>timeStamp Event</title> <style>

  2. HTMLDOMイベントタイププロパティ

    HTML DOMイベントタイププロパティは、クリック、キープレス、ロード、タッチエンドなどのイベントのタイプに対応する文字列を返します。 以下は構文です- トランジションが実行された秒数を返す- event.type イベントタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Event type</title> <style>    form {       width:70%;