Hinzufügen von Schlüsselcode 32 (Leertaste) zu Div mit Rolle = Schaltfläche

Question

Wie mache ich das nur funktionieren, wenn die vorherige nächste Schaltfläche fokussiert ist. Im Moment wird es auf dem Fenster aktiviert.

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

Spacebar Funktion zur vorherigen nächsten Tasten

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

Answer 1

Versuchen Sie dieses:

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(); 
    } 
};