GWT Fokuselement vs Javascript Fokus

Question

Ich versuche zu verstehen, was ist der Unterschied zwischen focus() -Methode von Vaadin Komponente (die auf GWT focus() -Methode auf Element verweist) und Javascript im Browser ausgeführt, die Fokus auf das Element festlegen mit einfacher Fokusmethode.

GWT:

/** 
* Gives keyboard focus to this element. 
*/ 
public final native void focus() /*-{ 
    this.focus(); 
}-*/; 

Javascript:

document.getElementById('elementId').focus(); 

Wenn ich GWT verwenden für die Einstellung das Element den Fokus verhält, wie es mit der Tastatur konzentrieren wird (es wird zusätzlich: Fokus CSS-Klasse). Bei Verwendung von Javascript wird dieser Stil nicht hinzugefügt. Wo ist ein echter Unterschied?

Answer 1

Ich glaube nicht, dass es echte Unterschiede zwischen GWT und Javascript-Element gibt, da sie die gleiche Methode unter der Haube aufrufen.

In dem Ausschnitt unten, rief ich die Javascript auf Schaltfläche klicken. Die <a> erhält den richtigen CSS-Stil :focus, wenn es pragmatisch konzentriert ist.

function doFocus() { 
 
    document.getElementById("testAnchor").focus(); 
 
} 
 

 
function doBlur() { 
 
    document.getElementById("testAnchor").blur(); 
 
}

a:focus, a:active { 
 
    color: red; 
 
}

<a id="testAnchor" href="#">This is a test link</a> 
 

 
<p>Click the buttons to focus or blur the above test link.</p> 
 
<p>The link should turn red when it is focused.</p> 
 

 
<input type="button" onclick="doFocus()" value="Focus"> 
 
<input type="button" onclick="doBlur()" value="Blur">