So feuern Sie einen Tastatur-Tastendruck mit Tastencode

Question

Ich habe ein Szenario, wo ich eine JS-Methode vorbereiten muss, wo die Tab-Taste ausgelöst werden soll. Wenn die Funktion ausgeführt wird, sollte die Schaltfläche "Tab" geklickt werden. vorzugsweise mit Schlüsselcode.

Answer 1

Sie können Tastaturereignisse versenden, aber die Ergebnisse sind möglicherweise nicht überwältigend.

Wie unten gezeigt, können Sie ein Ereignis mit entsprechenden Eigenschaften senden, aber in einigen Browsern sind die Werte leer und der Browser ignoriert sie virtuell. Sie können auf die Schaltfläche klicken und "Enter" drücken, um darauf zu klicken. Er löst eine Registerkarte aus, der Fokus wird jedoch nicht verschoben und das zugeordnete Ereignis meldet die im Konstruktor festgelegten Werte nicht.

Eingabe in die Eingabe zeigt die Art des Ergebnisses, das Sie erhalten sollten. Probieren Sie es in vielen Browsern aus.

function showEventProperties(evt) { 
 
    document.getElementById('details').innerHTML = ['type','key','code','keyIdentifier','charCode','which','keyCode'].map(function(key) { 
 
    return key + ': ' + evt[key]; 
 
    }).join('<br>'); 
 
} 
 

 
function sendTab(node) { 
 
    var evt = new KeyboardEvent('keypress', { 
 
    'view': window, 
 
    'bubbles': true, 
 
    'key': 'Tab', 
 
    'charCode': 9, 
 
    'keyCode': 9, 
 
    'which': 9 
 
    }); 
 
    node.dispatchEvent(evt); 
 
} 
 

 
window.onload = function() { 
 
    document.addEventListener('keypress', showEventProperties, false); 
 
}

<input onkeypress="showEventProperties(event)"> 
 
<br> 
 
<button onclick="sendTab(this)">Do tab</button><button>Next button</button> 
 
<p id="details"></p>

Sie auch die ältere initKeyEvent versuchen.