SYNCERのロゴ
アイキャッチ画像

HTMLElement.accessKeyLabel - アクセスキーの内容

accessKeyLabelは、HTMLElementのプロパティです。accesskey属性で設定したアクセスキーの内容を返します。OptionキーやControlキーなど、OSごとの設定で押すボタンが違いますが、その内容を反映しています。このプロパティは読み取り専用です。

概要

名前
accessKeyLabel
所属
HTMLElement
IDL
readonly attribute DOMString accessKeyLabel;
仕様書
https://html.spec.whatwg.org/multipage/interaction.html#dom-accesskeylabel

説明

アクセスキーを表す文字列を返す。設定されていない場合は空の文字列を返す。

チュートリアル

このプロパティは、要素に割り当てられたアクセスキーを表す文字列を返します。

<a id="hoge" href="./" accesskey="s">SYNCER</a>
// 要素の取得
var element = document.getElementById( "hoge" ) ;

// プロパティの取得
element.accessKey ;	// Firefoxの場合 → "⌃⌥s"

デモ

HTMLElement.accessKeyLabelを取得するデモです。

<!-- このコードは編集できます。 -->

<a href="https://syncer.jp/" target="_blank" id="hoge" accesskey="s">SYNCER</a>
<hr>
<script>
var element = document.getElementById( "hoge" ) ;

console.log( element.accessKeyLabel ) ;
document.body.appendChild( new Text( element.accessKeyLabel ) ) ;
</script>

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
× 8+××××××
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月3日 (火)
コンテンツを公開しました。