こんにちは、上記のデモにあるように、div レイヤーをクリックしたときに keypress イベント ハンドラーをバインドしたいと考えています。機能は、削除キーを使用して選択したレイヤーを削除することです。
しかし、削除キーを押してもキープレス ハンドラが起動しません。提案してください。
こんにちは、上記のデモにあるように、div レイヤーをクリックしたときに keypress イベント ハンドラーをバインドしたいと考えています。機能は、削除キーを使用して選択したレイヤーを削除することです。
しかし、削除キーを押してもキープレス ハンドラが起動しません。提案してください。
' ' を削除()
:
$this.on("keypress", keyAction);
関数が何も返さないため、 undefined
handler: $this.on("keypress", keyAction())
is equal to$this.on("keypress", undefined)
の場合に追加しています。keyAction
また、div
キーボード イベントを受け取るには、フォーカス可能である必要があります。そのため、次のように追加する必要がありますtabindex
。
<div class="dragClass" tabindex="0">
次に、selectAction
div にフォーカスして、キープレス イベントを受け取ります。
$this.focus();
これはデモです
keyboard event
などの静的要素にを追加する方法の詳細については、次div
を参照してください。
Use this code it execute for delete key
$("#ParentDIV").keyDown(function (e) {
if (e.keyCode == 46) {
// Do it
}
});
要素がキー押下イベントを受信するには、フォーカスが必要です。1つの方法は、tabindexを追加することです。要素をクリックしてから、下のフィドルのキーボードボタンをクリックすると、イベントが表示されます。私はフィドルを少し取り除き、フォーカスを妨げているドラッグ可能なものを取り除きました。