diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/api/event/defaultprevented | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/ja/web/api/event/defaultprevented')
-rw-r--r-- | files/ja/web/api/event/defaultprevented/index.html | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/files/ja/web/api/event/defaultprevented/index.html b/files/ja/web/api/event/defaultprevented/index.html new file mode 100644 index 0000000000..8601cb0457 --- /dev/null +++ b/files/ja/web/api/event/defaultprevented/index.html @@ -0,0 +1,88 @@ +--- +title: Event.defaultPrevented +slug: Web/API/Event/defaultPrevented +tags: + - API + - DOM + - Event + - Property + - Read-only + - プロパティ + - 読取専用 +translation_of: Web/API/Event/defaultPrevented +--- +<div>{{ APIRef("DOM") }}</div> + +<p><code><strong>defaultPrevented</strong></code> は {{domxref("Event")}} インターフェイスの読み取り専用プロパティで、 {{jsxref("Boolean")}} で {{ domxref("Event.preventDefault()") }} の呼び出しがイベントをキャンセルしたかどうかを示す値を返します。</p> + +<div class="note"><strong>メモ:</strong> 標準外かつ非推奨の <code>getPreventDefault()</code> メソッドの代わりに、これを使用してください (see {{ bug(691151) }})。</div> + +<h2 id="構文">構文</h2> + +<pre class="brush: js">var <em>defaultWasPrevented</em> = <em>event</em>.defaultPrevented;</pre> + +<h3 id="Value" name="Value">値</h3> + +<p>{{jsxref("Boolean")}} で、 <code>true</code> は既定の{{glossary("user agent", "ユーザーエージェント")}}の操作が抑制されたことを、 <code>false</code> はそうではないことを表しています。</p> + +<h2 id="Example" name="Example">例</h2> + +<p>この例は2つの {{htmlElement("a")}} 要素のリンクを訪れる試みをログ出力します。 JavaScript は2番目のリンクの動作を抑制するために使用しています。</p> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p><a id="link1" href="#link1">Visit link 1</a></p> +<p><a id="link2" href="#link2">Try to visit link 2</a> (you can't)</p> +<p id="log"></p></pre> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js">function stopLink(event) { + event.preventDefault(); +} + +function logClick(event) { + const log = document.getElementById('log'); + + if (event.target.tagName === 'A') { + if (event.defaultPrevented) { + log.innerText = 'Sorry, but you cannot visit this link!\n' + log.innerText; + } + else { + log.innerText = 'Visiting link...\n' + log.innerText; + } + } +} + +const a = document.getElementById('link2'); +a.addEventListener('click', stopLink); +document.addEventListener('click', logClick);</pre> + +<h3 id="結果">結果</h3> + +<p>{{EmbedLiveSample("Example")}}</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-defaultprevented', 'Event.defaultPrevented()')}}</td> + <td>{{ Spec2('DOM WHATWG') }}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("api.Event.defaultPrevented")}}</p> |