☰

div 要素のキー押下 (またはキーダウン) イベントをキャプチャするにはどうすればよいですか? 質問する

tag-icon • tag-icon javascript jquery html scripting keypress
div 要素のキー押下 (またはキーダウン) イベントをキャプチャするにはどうすればよいですか? 質問する

DIV 要素でキー押下またはキーダウン イベントをトラップするにはどうすればよいですか (jQuery を使用)?

DIV 要素にフォーカスを当てるには何が必要ですか?

ベストアンサー1

（１）tabindex属性を設定する：

<div id="mydiv" tabindex="0" />

（２）キーダウンにバインドする：

 $('#mydiv').on('keydown', function(event) {
    //console.log(event.keyCode);
    switch(event.keyCode){
       //....your actions for the keys .....
    }
 });

開始時にフォーカスを設定するには:

$(function() {
   $('#mydiv').focus();
});

フォーカス境界線が気に入らない場合はdiv、outline: noneCSS で設定して削除します。

表を参照キーコードさらなるkeyCode可能性のために。

すべてのコードは jQuery を使用することを前提としています。

#

おすすめ記事