キーボードイベントをdiv要素にバインドするにはどうすればいいですか? 質問する

キーボードイベントをdiv要素にバインドするにはどうすればいいですか? 質問する

DIV 要素でキーボード イベントをリッスンする方法はありますか?

私のコード:

​<div id="div" style="height:50px" class="ui-widget-content"></div>
<input id="input">​​​​​​​​​​​​​​

​$('#div,#input').keyup(function(event){
    console.log(event.keyCode);
});​​​​​​

実際、コードは入力に対してのみトリガーされますが、div に対しても処理できますか?

ベストアンサー1

次のようにキーボードイベントをキャッチするためにtabindexを追加することができます。div

<div id="div" style="height:50px" class="ui-widget-content" tabindex="0"></div>

のように答えたここ。

ワーキングフィドル

参照

おすすめ記事