gwt - GWTQueryを使用してHTML要素をフォーカス可能にする方法

Question

低レベルのDOMプログラミングにGWTQueryを使用しています。フォーカスを受け取る必要のあるdiv要素がいくつかあるので、それらをフォーカス可能にします。GWTQueryでフォーカス可能にする方法はありますか？または、他の方法でそうすることもできます。

Answer 1

これはプレーンなGWTです（GWTQueryではありません）。

多分次のようなものを使用しています：

DivElement div = Document().get().createDivElement();
div.scrollIntoView();

このメソッドは、DOM階層をクロールし、スクロール可能な各要素のscrollLeftプロパティとscrollTopプロパティを調整して、指定された要素が完全に表示されるようにします。各スクロール位置を必要最小限に調整します。

tabIndexを使用することもできます。

ここを見てください：https ：//stackoverflow.com/a/3656524/921244

Answer 2

これらのどれも機能しませんか？

//Gwt only
DOM.getElementById("myDiv").focus();

//GQuery        
$("#myDiv").focus();

Answer 3

Jean-Michel Garciaが言ったように、DOM要素をフォーカス可能にするには、この要素のtabindex属性を使用/設定する必要があります。tabindex属性は、要素のタブ順序を指定し、それをフォーカス可能にします。

gwtqueryを使用してそれを行うことができます：

$("#myDiv").attr("tabindex", 1);

値「1」は任意の整数に置き換えることができます。これは、要素のタブ順序にすぎません（1が最初です）。-1を設定すると、キーボードから要素をタブで移動することはできませんが、いずれかを使用してプログラムでフォーカスを合わせることができます。

element.focus();

またはGwtQuery経由：

$("#myDiv").focus();