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>
出力
次に、上のスクリーンショットに示すように行をダブルクリックして、イベントリスナーがイベントをトリガーした要素を表示するアラートボックスを生成します-
-
HTMLDOMtimeStampイベントプロパティ
HTML DOM timeStampプロパティは、イベントが作成またはトリガーされたときの経過時間をミリ秒単位で返します。 注:timeStampは、イベントシステムが特定のイベントに対してサポートしている場合にのみ機能します。 以下は構文です- 戻り時間の値(ミリ秒単位) event.timeStamp HTML DOM timeStampの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>timeStamp Event</title> <style>
-
HTMLDOMイベントタイププロパティ
HTML DOMイベントタイププロパティは、クリック、キープレス、ロード、タッチエンドなどのイベントのタイプに対応する文字列を返します。 以下は構文です- トランジションが実行された秒数を返す- event.type イベントタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Event type</title> <style> form { width:70%;