files/ja/web/api/event/timestamp/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141

---
title: event.timeStamp
slug: Web/API/Event/timeStamp
tags:
  - API
  - DOM
  - Event
  - Property
  - Reference
  - timeStamp
translation_of: Web/API/Event/timeStamp
---
<div>{{APIRef("DOM")}}</div>

<p>イベントが発生した時刻 (ミリ秒単位) を表します。</p>

<div class="note">
<p><strong>注記:</strong> このプロパティは、イベントシステムが個々のイベント向けにサポートしている場合に限り動作します。</p>
</div>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox notranslate"><var>event</var>.timeStamp
</pre>

<h3 id="Value" name="Value">値</h3>

<p>この値は、現在のドキュメントの生成からイベントが作成された時点までの時間（ミリ秒単位）です。</p>

<p>新しい実装では、5 マイクロ秒（0.005 ms = 0.005 ミリ秒）精度の {{domxref("DOMHighResTimeStamp")}} です。古い実装では、1 ミリ秒精度の {{domxref("DOMTimeStamp")}} です。</p>

<h2 id="Example" name="Example">例</h2>

<h3 id="HTML_content" name="HTML_content">HTML コンテンツ</h3>

<pre class="brush: html notranslate">&lt;p&gt;
  この iframe にフォーカスを設定していずれかのキーを押下すると、
  keypress イベントの現在のタイムスタンプを取得します。
&lt;/p&gt;
&lt;p&gt;タイムスタンプ: &lt;span id="time"&gt;-&lt;/span&gt;&lt;/p&gt;</pre>

<h3 id="JavaScript_content" name="JavaScript_content">JavaScript コンテンツ</h3>

<pre class="brush: js notranslate">function getTime(event) {
  var time = document.getElementById("time");
  time.firstChild.nodeValue = event.timeStamp;
}
document.body.addEventListener("keypress", getTime);</pre>

<h3 id="Result" name="Result">表示結果</h3>

<p>{{EmbedLiveSample("Example", "100%", 100)}}</p>

<h2 id="Specifications" name="Specifications">仕様</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">策定状況</th>
   <th scope="col">コメント</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("DOM WHATWG", "#dom-event-timestamp", "Event.timeStamp")}}</td>
   <td>{{Spec2("DOM WHATWG")}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName("DOM4", "#dom-event-timestamp", "Event.timeStamp")}}</td>
   <td>{{Spec2("DOM4")}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName("DOM2 Events", "#Events-Event-timeStamp", "Event.timeStamp")}}</td>
   <td>{{Spec2("DOM2 Events")}}</td>
   <td>初期定義</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>

<div>{{CompatibilityTable}}</div>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>機能</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>基本サポート</td>
   <td>{{CompatChrome(49.0)}}<sup>[1]</sup></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>機能</th>
   <th>Android</th>
   <th>Android Webview</th>
   <th>Edge</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
   <th>Android 版 Chrome</th>
  </tr>
  <tr>
   <td>基本サポート</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatChrome(49.0)}}<sup>[1]</sup></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatChrome(49.0)}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Chrome 49 および Firefox 54 より、このプロパティが返す値はエポック時間 ({{domxref("DOMTimeStamp")}}) から高精度モノトニック時間 ({{domxref("DOMHighResTimeStamp")}}) に替わりました。</p>