如何在加載頁面時選擇文本框內的內容？

我正在處理一個應用程序，並且我希望在加載頁面時選擇一個文本字段，以便當用戶使用Ctrl + v時，將其粘貼到文本框內。任何人都知道如何做到這一點？的文本字段是如何在加載頁面時選擇文本框內的內容？

<div> 
    <input wicket:id="email-address" type="text" id="textbox-email" /> 
</div>

謝謝！

來源

2012-06-14 user1266343

你應該將焦點設置到您的輸入：

document.forms['your_form'].elements['your_textbox'].focus();

對於你上面的例子：

document.getElementById('textbox-email').focus()

後，它獲得焦點，您應該選擇它：

要麼添加此onfocus屬性輸入（更好）

<input type="text" onfocus="this.select()" />

或者使用jQuery的片段（最好）：

$(document).ready(function() { 
    $("#textbox-email").focus(function() { $(this).select(); }); 
});

純JavaScript：

var element = document.getElementById('textbox-email'); 
element.onfocus = function() {element.select();} 
document.getElementById('textbox-email').focus();

整個事情添加到body標籤的window.onload或onload屬性。

來源

2012-06-14 09:46:06 Sepehr

感謝您的快速回復，這是我最初的嘗試，但問題是應該選擇文本字段內的內容，以便當我按Ctrl + V並將其粘貼到文本編輯器中時，它應該粘貼texhbox內的內容。這似乎並沒有工作，當我包括你提到的上述代碼 – user1266343

@ user1266343：你想從文本框中複製內容還是要將某些東西粘貼到文本框？因爲你說Ctrl + V，這是粘貼，不復制 – bert

@ user1266343閱讀我編輯的答案，我添加了它。 – Sepehr

您可以使用HTML5的autofocus屬性：

當然

<input type="text" autofocus />

工程只是一個領域。

來源

2012-06-14 10:22:34

3p3r答案當然是完全正確的。如果您希望通過檢票口重複使用並進行控制，請檢查wicket wiki page。

來源

2012-06-14 10:29:38 bert

如何在加載頁面時選擇文本框內的內容？

回答

相關問題