如何自動選擇/突出顯示文本/輸入框中的文本在榆木

Question

有沒有在榆樹的方式做與document.getElementById("test").select()在JavaScript中做同樣的事情？

我有，我想在一個非常類似的方式來強調共享網址採取行動，當你對股票點擊此處在計算器上輸入字段：

即使像上時，您需要點擊該元素的github突出顯示它很好：

我知道如何做到這一點與端口（eg.）。 但我寧願直接在榆樹中做。這可能嗎？在未來的Elm版本中可能嗎？

感謝

Answer 1

目前有幾個類似功能的包在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; 
    }); 
} 

如果你想建立一個不使用的端口的本地軟件包，您目前就必須建立一個本地軟件包，它可以工作，但未來可能不會向後兼容，並且您將無法公開列出軟件包。

我會推薦使用端口。