jQuery .click() đang kích hoạt khi chọn/tô sáng văn bản

Question

Tôi có một <div> với một loạt văn bản trong đó. Điều này <div> cũng có một sự kiện .click() trên nó bằng cách sử dụng jQuery.

Sự cố tôi gặp phải là .click() đang được kích hoạt khi chọn/đánh dấu văn bản. Thậm chí giữ chuột trong vài giây trước khi phát hành.

Đây là một JSFiddle cho thấy vấn đề này: http://jsfiddle.net/ym5JX/

Các hành vi mà tôi mong chờ là làm nổi bật văn bản là không giống như cách nhấp vào phần tử.

Answer 1

Đó là vì click là mousedown, sau đó là mouseup. Đề xuất của tôi là kiểm tra getSelection bên trong trình xử lý click. Nếu nó được thiết lập, sau đó bạn chọn một cái gì đó, khác bạn chỉ cần nhấp vào.

$('#click').click(function() { 
    var sel = getSelection().toString(); 
    if(!sel){ 
     alert("clicked"); 
    } 
});​ 

DEMO: http://jsfiddle.net/ym5JX/3/

Answer 2

Như tôi đã được đăng trên bình luận, mosuedown + mouseup = click đó là chính xác những gì làm nổi bật không. Có workaround cho điều này .. xem dưới đây,

var isClick = 0; 
$('#click').click(function() { 
    if (isClick == 1) { 
     alert("clicked"); 
    } 
}).mousedown(function() { 
    isClick = 1; 
}).mousemove(function() { 
    isClick = 0; 
}); 

DEMO

Answer 3

jsFiddle: http://jsfiddle.net/ym5JX/8/

$('#click').click(function() 
{ 
    if (getSelection() == "") 
    { 
     alert("clicked"); 
    } 
});