直接用戶輸入字段，點擊按鈕

Question

我有一個搜索圖標。點擊此圖標時，會彈出一個全屏搜索表單。

我想要的是當用戶點擊此圖標並出現搜索表單時，用戶直接進入輸入字段。 （重點在這個領域，用戶可以立即輸入）。

（我不知道如何正確地制定這一點，所以這可能是爲什麼我找不到任何有關的問題）

Answer 1

也許從jQuery的這個鏈接會幫助你： https://api.jquery.com/focus/

和代碼中的一部分點擊搜索圖標的活動將是與此類似：

$(document).on("click","#searchIcon",function() { 
    $('#input').focus() 
}); 

希望它可以幫助你

Answer 2

只需使用HTMLElement.focus()方法，可以將所有關於它的讀取https://developer.mozilla.org/en/docs/Web/API/HTMLElement/focus

例如：http://jsbin.com/pezifilese/edit?html,js,output

Answer 3

這很簡單，你只需要添加autofocus="true"屬性，在input領域。

<input type="text" name="name" autofocus="true"/> 

查看演示here。