GWT焦點元素與Javascript焦點

Question

我試圖了解從Vaadin組件調用的focus（）方法（指向元素上的GWT focus（）方法）和在瀏覽器中執行的javascript（通過簡單的focus方法將焦點設置到元素）之間有什么區別。

GWT：

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

Javascript：

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

當我使用GWT設置焦點時，該元素的行為就像通過鍵盤獲取焦點一樣（它獲得了額外的：focus css類）。 使用javascript時不會添加此樣式。 真正的區別在哪里？

Answer 1

我認為GWT focus()和Javascript元素focus()之間沒有真正的區別，因為它們在后台調用了相同的方法。

在下面的代碼段中，我在單擊按鈕時調用了Javascript focus() 。 實用地:focus <a>時，它會獲得正確的:focus CSS樣式。

 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">