Warum ist diese Codezeile beim Klicken auf eine Schaltfläche mit JavaScript erforderlich?

Question

Diese Lösung wurde an this question gefragt, wie Sie eine HTML-Schaltfläche auslösen, wenn Geben Sie in einem Eingabefeld gedrückt wird.

<input type="text" id="txtSearch" onkeypress="searchKeyPress(event);" /> 
<input type="button" id="btnSearch" Value="Search" onclick="doSomething();" /> 

<script> 
function searchKeyPress(e) 
{ 
    // look for window.event in case event isn't passed in 
    if (typeof e == 'undefined' && window.event) { e = window.event; } 
    if (e.keyCode == 13) 
    { 
     document.getElementById('btnSearch').click(); 
    } 
} 
</script> 

Warum ist if (typeof e == 'undefined' && window.event) { e = window.event; } nescecary? Es scheint zu prüfen, ob das Argument nicht korrekt übergeben wurde, warum nicht? Bezieht sich dies auf die Behebung von Browserkompatibilitätsproblemen?

Answer 1

Da alte IE-Versionen sind eine schreckliche Abscheulichkeit, die eine globale Variable event anstelle eines Funktionsarguments wie jeder vernünftige Entwickler verwenden würde.

Aus dem gleichen Grund (die altenIE Entwickler sind verrückt) können Sie .addEventListener() nicht in oldIE verwenden, sondern stattdessen .attachEvent() verwenden.

Edit: Nur gesehen, dass Sie ein Inline-Event verwenden und immer das Ereignis übergeben. Auf diese Weise haben Sie immer ein gültiges Ereignisobjekt im ersten Argument Ihrer Funktion. Sie benötigen den zusätzlichen Code nicht.