2017-08-03 20 views
0

elmはjavascriptでdocument.getElementById("test").select()と同じことをする方法はありますか?elmのテキスト/入力ボックスのテキストを自動選択/ハイライト表示する方法

私は私はあなたがここにStackOverflowの上の上の共有をクリックすると、強調表示、共有のURLと非常によく似た方法で行動したい入力フィールドがあります:あなたが要素をクリックする必要がある場合であってもgithubの上のようなものをenter image description here

をそれを強調表示するには:enter image description here

私はポート(eg.)でこれを行う方法を知っています。 しかし、私はElmで直接やりたいと思っています。これは可能ですか? Elmの将来のバージョンでは可能でしょうか?

おかげ

答えて

3

ありelm-lang/domでいくつかの類似の機能を持つパッケージは、現在あるが、彼らはネイティブのJavascriptの呼び出しに依存しています。 See the focus example here

Elm code

focus : Id -> Task Error() 
focus = 
    Native.Dom.focus 

とネイティブコード...

function focus(id) 
{ 
    return withNode(id, function(node) { 
     node.focus(); 
     return _elm_lang$core$Native_Utils.Tuple0; 
    }); 
} 

あなたがポートを使用していないローカルパッケージを構築したい場合は、あなたが現在構築しなければなりませんネイティブパッケージは動作しますが、将来的に下位互換性がない可能性があります。パッケージを一般公開することはできません。

ポートを使用することをおすすめします。

関連する問題