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

Question

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

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

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

よろしくお願いします。

Answer 1

上記のkeypressにdivイベントをバインドして、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