Javascript: giải pháp trình duyệt chéo để lựa chọn tất cả các văn bản bên trong một textbox trên tập trung

Question

tôi là sau khi các chức năng sau:

• người dùng nhấp vào hoặc tab vào một textbox
• tất cả văn bản trong hộp văn bản được chọn, trừ khi hộp văn bản đã có tiêu điểm, trong trường hợp này, chức năng nhấp/chọn mặc định sẽ xảy ra

Điều này có thể?

---

này hoạt động trong Firefox 5

$('input[type="text"]').live('focus', function() { 
    this.select(); 
}); 

http://jsfiddle.net/HmQxZ/13/

Chrome và IE8 sẽ chọn tất cả các văn bản cho chỉ một tíc tắc

---

này hoạt động * trong Chrome

$('input[type="text"]').live('click', function() { 
    this.select(); 
}); 

http://jsfiddle.net/HmQxZ/12/

Firefox và IE8 chọn tất cả văn bản nhưng khi nhấp vào tiếp theo, văn bản vẫn được chọn.

* loại tác phẩm, sau khi hộp văn bản đã tập trung, nhấp vào nó xen kẽ giữa việc chọn tất cả văn bản và có thể nhấp vào nơi dấu nháy mắt nhấp nháy. Điều này có lẽ là chấp nhận được.

Answer 1

Chỉ cần trì hoãn nó bằng một phần nghìn giây với setTimeout:

$('input[type="text"]').live('focus', function() { 
    var inp = this; 
    setTimeout(function() { 
     inp.select(); 
    }, 1); 
}); 

http://jsfiddle.net/HmQxZ/14/

gì đang xảy ra là một số sự kiện trình duyệt khác là thiết lập các lựa chọn sau khi bạn đã đã chọn văn bản. Vì vậy, bằng cách đợi một phần nghìn giây, bạn cho phép tất cả các sự kiện trình duyệt kết thúc, và sau đó chọn văn bản. Không có gì sẽ hoàn tác nó ngay bây giờ.

Answer 2

Bạn có thể muốn thêm

event.preventDefault(); 
return false; 

đến chức năng của bạn (người đầu tiên). Điều đó có thể khắc phục các trình duyệt khác.

Ngoài ra, thêm event đến chức năng sig:

$('input[type="text"]').live('focus', function (event) { 

Answer 3

Bạn nên nhớ để làm một return false; event.stopPropagation(); event.preventDefault() như vậy:

$('input[type="text"]').live('click', function (event) { 
    this.select(); 
    event.stopPropagation(); 
    event.preventDefault(); 
    return false; 
}); 

http://jsfiddle.net/7rYLV/

Answer 4

Nếu bạn có thể sử dụng jQuery sau đó bạn có thể làm một cái gì đó như;

$("#myInputField").focus(function(){ 
    // Select input field contents 
    this.select(); 
}); 

// Add this behavior to all text fields 
$("input[type=text]").focus(function(){ 
    // Select field contents 
    this.select(); 
}); 

Taken từ HERE