event.timeStampプロパティ

event.timeStampは、1970年1月1日0時0分0秒からイベント発生時までの経過時間をミリ秒単位で返すプロパティ。

構文

event.timeStamp

戻り値

1970年1月1日0時0分0秒からイベント発生時までの経過時間。単位はミリ秒。

サンプル

0

サンプルの動作について

「timeStamp」ボタンをクリックすると、ボタンの右横に、1970年1月1日0時0分0秒からの経過時間をミリ秒単位で表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function sample1type( $event ) {
 document.getElementById( "sample1Output" ).innerHTML = $event.type;
}
</script>

HTML

<div id="sample1">
 <p>イベントタイプ:<span id="sample1Output"></span></p>
 <p id="sample1event">
  <span onclick="sample1type(event);">クリック</span>
  <span ondblclick="sample1type(event);">ダブルクリック</span>
  <span onmouseover="sample1type(event);">マウスオーバー</span>
  <span onmouseout="sample1type(event);">マウスアウト</span>
 </p>
</div>

CSS

<style>
#sample1 {
 padding: 10px;
 background-color: #f0f0f0;
 border: 1px solid gray;
 border-radius: 10px;
}
#sample1event span {
 padding: 5px;
 background-color: yellow;
 border: 1px solid red;
 border-radius: 5px;
 cursor: pointer;
}
</style>

スポンサード リンク

カテゴリー: DOM, Eventオブジェクト, JavaScript, イベント, プロパティ, リファレンス パーマリンク