Event.timeStamp - 発生した時間
timeStampは、Eventのプロパティです。イベントが作成されてからのミリ秒単位の経過時間を返します。
概要
- 名前
- timeStamp
- 所属
- Event
- IDL
readonly attribute DOMHighResTimeStamp timeStamp; typedef double DOMHighResTimeStamp;
- 仕様書
- https://dom.spec.whatwg.org/#dom-event-timestamp
説明
イベントが作成されてから現在までのミリ秒単位の経過時間を表す数値。
デモ
Event.timeStampのデモです。ボタンをクリックすると、イベントが作成されてから現在までの経過時間を取得します。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<head>
<style>
div#result {
white-space: pre-wrap ;
}
</style>
</head>
<body>
<button id="hoge">実行</button>
<hr>
<div id="result"></div>
<script>
/** try it! **/
var element = document.getElementById( "hoge" ) ;
var resultElement = document.getElementById( "result" ) ;
element.addEventListener( "click", function ( event ) {
var value = event.timeStamp ;
console.log( value ) ;
resultElement.textContent = value ;
} ) ;
/** try it! **/
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● 19+ | ● | ● 6.0+ | ● | ● 9+ | ● | ● 6.0+ | ● 4.3+ |
関連記事
- 鳥心
- 高知県旅行のブログ。地元で有名な鳥肉料理のお店、「鳥心」を訪れました。とにかく巨大な鳥肉、そして癖になるタルタルソースが魅力のお店です。
- Document.createTextNode()
- createTextNode()は、Documentのメソッドです。テキストノード(Text)を新しく作成します。
- Window
- Windowは、ウィンドウ(ブラウジングコンテキスト)の情報を取得したり、操作するための機能を備えたインターフェイスです。
- Event.stopPropagation()
- stopPropagation()は、Eventのメソッドです。現在のイベントで、イベントの伝播を終了させます。