web-dev-qa-db-ja.com

クリック可能な<div>をタブ構造からアクセスできるようにしますか?

だから私はonclickイベントで<div>を必要とするプロジェクトに取り組んでいます。主な機能は動作していますが、問題が1つあります。ユーザーが<div>に移動してEnterキーを押したときに発生するonclickイベントが必要です。 <div>にtabindexを追加してフォーカスを取得できるようにしましたが、ユーザーがEnterキー(またはその他のキー)を押しても何も起こりません。

誰かがこれを手伝ってくれる?それとも私が望んでいないことは不可能ですか?

これが私の問題を示すjsfiddleです。 http://jsfiddle.net/logiwan992/suwq7r09/

よろしくお願いします。

12
lfitzgibbons

上記のkeypressdivイベントをバインドして、Enterキーが押されたかどうかを検出します(コード番号13)。

var div = document.getElementsByTagName('div');
div[0].addEventListener('keypress', function(e) {
    if(e.keyCode == 13) {
        alert('div focused');   
    }
});

Working JSFiddle


あるいは、jQueryを使用することもできます。

jQuery(function($) {

    $('div').on('keypress', function(e) {
        if(e.keyCode == 13) {
            alert('div focused'); 
        }
    });

});

Working JSFiddle

0
D4V1D