Sử dụng jQuery để tô sáng (Chọn) Tất cả văn bản trong hộp văn bản

Question

Tôi có một hộp văn bản đầu vào với một số văn bản trong đó, sự kiện onclick Tôi muốn chạy một hàm javascript để chọn (đánh dấu) tất cả văn bản trong hộp này Tôi có thể làm điều đó với jquery?

Answer 1

Bạn có thể có một cái nhìn tại this article:

Giả sử rằng chúng ta có đầu vào văn bản sau đây:

<input type="text" id="txtInput" /> 

Trong hầu hết các trường hợp, chúng tôi muốn có tính năng này dành cho tất cả textbox trên trang web của chúng tôi, vì vậy chúng tôi sẽ tạo ra một chức năng để xử lý điều này, và gọi nó là cần thiết. Việc gọi hàm này với đối số được mong đợi là sẽ thực hiện đánh dấu văn bản.

function selectAllText(textbox) { 
textbox.focus(); 
textbox.select(); } 

Giả sử bạn đang phát triển chống lại DotNetNuke 5 hoặc đã nhập jQuery vào trang web của bạn, thêm jQuery sau vào trang web của bạn cho mỗi hộp văn bản. (Nếu bạn có rất nhiều textbox, chúng ta có thể làm được điều này cách khác nhau, nhưng đó là một bài khác nhau.)

jQuery('#txtInput').click(function() { selectAllText(jQuery(this)) }); 

Answer 2

Bạn có thể làm điều này:

$('input').click(function() { 
// the select() function on the DOM element will do what you want 
this.select(); 
}); 

Tất nhiên, sau đó bạn không thể nhấp vào yếu tố để chọn một điểm tùy ý trong đầu vào, vì vậy nó có thể là tốt hơn để cháy, sự kiện đó trên focus thay vì click

Quick Demo w/ click hoặc w/ focus

Answer 3

Không cần jQuery, đây là đơn giản với DOM và làm việc tại tất cả các trình duyệt chính:

input.onfocus = function() { this.select(); }; 

Nếu bạn phải làm điều đó với jQuery, có rất ít sự khác biệt:

$(input).focus(function() { this.select(); }); 

Answer 4

tôi biết đây không phải là jquery, nhưng đối đầy đủ của một nswers cho câu hỏi này, bạn có thể sử dụng trên đầu vào văn bản chính nó:

onclick="this.select();" 

Ví dụ:

<input type="text" value="abc" onclick="this.select();"/> 

Answer 5

này làm việc tốt nhất cho tôi.

$('myTextbox').select(); 

Answer 6

Nơi tôi thường làm điều này là trong

$(document).ready(function() { 
    $('#myTextBox').focus(); 
    $('#myTextBox').select(); 
} 

cho hộp văn bản đầu tiên mà tôi muốn điền vào Bằng cách đó nếu tôi giữ gìn nhà nước. và nếu người dùng quay lại trang thì nó tự động làm nổi bật tất cả để chuyển đổi.

Kỹ thuật hữu ích cho những thứ như hộp tìm kiếm ...