GWTフォーカス要素vs Javascriptフォーカス

Question

Vaadinコンポーネント（要素のGWT focus（）メソッドを指しています）から呼び出されたfocus（）メソッドと、要素にフォーカスを設定したブラウザで実行されるjavascriptの違いは何ですか？簡単なフォーカス方法で。

GWT：

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

Javascriptを：

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

私はそれが（それは、追加取得：フォーカスCSSクラスを）キーボードでフォーカスを取得したように要素の動作注力設定するためのGWTを使用しています。 javascriptを使用すると、このスタイルは追加されません。本当の違いはどこですか？

Answer 1

GWT focus()とJavascript要素focus()との間に実際の違いはないと思いますが、それらは同じ方法を呼び出すためです。

以下のスニペットでは、ボタンクリックでJavascript 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">