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>
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>
<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>
#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>