ロール=ボタンでdivにキーコード32（スペースバー）を追加する

Question

これは、前の次のボタンがフォーカスされている場合にのみ行うことができます。現時点ではウィンドウ上で起動します。

HTML

<ul class="clearfix" id="pagenav"> 
    <li class="prev-next__item prev-next__item--prev prev-next__item--divider"> 
    <a class="prevBTN" role="button" rel="prev" aria-label="previous page" href="p00.html"> 
    Previous 
    </a> 
    </li> 
    <li class="prev-next__item prev-next__item--next"> 
    <a class="nextBTN" role="button" rel="next" aria-label="next page" href="p01.html"> 
    Next 
    </a> 
    </li> 
</ul> 

JS

スペースキー機能前へ次へボタンに

window.onkeydown = function(e) { 
    "use strict"; 
    if (e.keyCode === 32) { 
    e.preventDefault(); 
    document.querySelector('a.nextBTN').click(); 
    document.querySelector('a.prevBTN').click(); 
    } 
}; 

Answer 1

は、この方法を試してください。

window.onkeydown = function(e) { 
    "use strict"; 
    if (e.keyCode === 32) { 
    e.preventDefault(); 
    var next = document.querySelector('a.nextBTN:focus'); 
    var prev = document.querySelector('a.prevBTN:focus'); 
    if(next) 
     next.click(); 
    if(prev) 
     prev.click(); 
    } 
};