diff options
Diffstat (limited to 'files/ja/web/api/htmlelement/accesskeylabel/index.html')
| -rw-r--r-- | files/ja/web/api/htmlelement/accesskeylabel/index.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/files/ja/web/api/htmlelement/accesskeylabel/index.html b/files/ja/web/api/htmlelement/accesskeylabel/index.html new file mode 100644 index 0000000000..63f93fb974 --- /dev/null +++ b/files/ja/web/api/htmlelement/accesskeylabel/index.html @@ -0,0 +1,84 @@ +--- +title: accessKeyLabel +slug: Web/API/HTMLElement/accessKeyLabel +translation_of: Web/API/HTMLElement/accessKeyLabel +--- +<div>{{ APIRef("HTML DOM") }}</div> + +<p><strong><code>HTMLElement.accessKeyLabel</code></strong> は読み取り専用プロパティで、 {{jsxref("String")}} で要素に割り当てられたアクセスキーを (あれば) 返します。それ以外の場合は空文字列を返します。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox notranslate"><var>label</var> = <var>element</var>.accessKeyLabel +</pre> + +<h2 id="Example" name="Example">例</h2> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js notranslate">var node = document.getElementById('btn1'); +if (node.accessKeyLabel) { + node.title += ' [' + node.accessKeyLabel + ']'; +} else { + node.title += ' [' + node.accessKey + ']'; +} + +node.onclick = function () { + var p = document.createElement('p'); + p.textContent = 'Clicked!'; + node.parentNode.appendChild(p); +}; +</pre> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html notranslate"><button accesskey="h" title="Caption" id="btn1">Hover me</button> +</pre> + +<h3 id="Result" name="Result">結果</h3> + +<p>{{ EmbedLiveSample('Example') }}</p> + +<h2 id="Specification" name="Specification">仕様書</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('HTML WHATWG', "interaction.html#dom-accesskeylabel", "HTMLElement.accessKeyLabel")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>初回定義から変更なし。</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1')}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>削除。 <a href="https://github.com/w3c/html/pull/144">pull w3c/html#144</a>, <a href="https://github.com/w3c/html/issues/99">issue w3c/html#99</a>, <a href="https://discourse.wicg.io/t/accesskeylabel-author-accessible-info-about-shortcuts/1392/3">WICG discussion</a>.</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "editing.html#dom-accesskeylabel", "HTMLElement.accessKeyLabel")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>{{SpecName('HTML WHATWG')}} のスナップショット、初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div> +<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.HTMLElement.accessKeyLabel")}}</p> +</div> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{domxref("element.accessKey")}}</li> + <li><a href="/ja/docs/Web/HTML/Global_attributes/accesskey">accesskey</a> グローバル属性</li> +</ul> |