Dieses Schlüsselwort, wenn die Funktion von Hyperlink

Question

aufgerufen Ich habe viele Links auf meiner Web-Seite wie folgt verwendet:

<a href="javascript:Test.Test(this);">Testing</a> 

Mit this Stichwort Ich erwartete HTML-Element Eigentümer dieser Funktion zu erhalten. Aber es zeigt mir stattdessen window Objekt. Warum das? Wie bekomme ich (mit Code oben verwendet) HTML-Element, Besitzer dieser Funktion?

Auf meiner Webseite ist HTML-Struktur viel komplexer. Jeder Hyperlink befindet sich in einem anderen Element. Wenn this das aktuelle Element anzeigt, ist es einfach, das Elternelement zu erhalten.

var Test = function(){ 
 
    
 
    var Test = function(element){ 
 
    
 
    debugger; 
 
    
 
    } 
 
    
 
    return { 
 
    Test: Test 
 
    } 
 
}();

<div data-iuser_key='49499'> 
 
<a href="javascript:Test.Test(this);">Testing</a> 
 
</div>

Answer 1

Was hast du erwartet? Ihr Code wurde innerhalb von javascript: ausgeführt, der keinen Verweis auf das Zielelement enthält. Standardmäßig bezieht sich this auf window.

Verwenden Sie stattdessen einen richtigen Klick-Handler:

<a href="#" onclick="Test.Test(this)">