インストール
モジュールをインストールします
npm install @wordpress/keycodes --save
このパッケージは、あなたのコードがES2015+環境で実行されることを前提としています。もし、言語機能やAPIのサポートが限られているか、全くない環境を使用している場合は、コードに@wordpress/babel-preset-default
で提供されるポリフィルを含めるべきです。
使用法
``````bash
import { DOWN, ENTER } from '@wordpress/keycodes';
// [...]
onKeyDown( event ) {
const { keyCode } = event;
if ( keyCode === DOWN ) {
alert( 'You pressed the down arrow!' );
} else if ( keyCode === ENTER ) {
alert( 'You pressed the enter key!' );
} else {
alert( 'You pressed another key.' );
}
}
`
API
ALT
BACKSPACE
COMMAND
CTRL
DELETE
displayShortcut
ショートカットを表示するための関数を含むオブジェクト。
使用法
// Assuming macOS:
displayShortcut.primary( 'm' );
// "⌘M"
タイプ
displayShortcutList
表示用のキーボードショートカットのコードの部分の配列を返します。
使用法
// Assuming macOS:
displayShortcutList.primary( 'm' );
// [ "⌘", "M" ]
タイプ
DOWN
END
ENTER
ESCAPE
F10
HOME
isAppleOS
プラットフォームがMacOSの場合はtrueを返します。
パラメータ
- _window
Window?
: デフォルトのウィンドウオブジェクト; DIテストに使用されます。
戻り値
isKeyboardEvent
事前定義されたショートカットの組み合わせに一致するかどうかを確認するための関数を含むオブジェクト。
使用法
// Assuming an event for ⌘M key press:
isKeyboardEvent.primary( event, 'm' );
// true
タイプ
LEFT
modifiers
プラットフォームに応じて利用可能な修飾子を返す関数を含むオブジェクト。
タイプ
PAGEDOWN
PAGEUP
rawShortcut
生のショートカットを取得するための関数を含むオブジェクト。
これらはKeyboardShortcutsを使用するユーザー向けです。
使用法
// Assuming macOS:
rawShortcut.primary( 'm' );
// "meta+m""
タイプ
RIGHT
SHIFT
shortcutAriaLabel
キーボードショートカットのためのariaラベルを返す関数を含むオブジェクト。
使用法
// Assuming macOS:
shortcutAriaLabel.primary( '.' );
// "Command + Period"
タイプ
SPACE
TAB
UP
ZERO
ZEROキーのキーコード。
このパッケージへの貢献
これはGutenbergプロジェクトの一部である個別のパッケージです。このプロジェクトはモノレポとして整理されています。特定の目的を持つ複数の自己完結型ソフトウェアパッケージで構成されています。このモノレポ内のパッケージは[https://www.npmjs.com/]に公開され、[https://make.wordpress.org/core/]や他のソフトウェアプロジェクトで使用されています。
このパッケージやGutenberg全体への貢献について詳しく知りたい場合は、プロジェクトの主要な[https://github.com/WordPress/gutenberg/tree/HEAD/CONTRIBUTING.md]をお読みください。