Tại sao Opera không ném sự kiện nhấp khi bạn đánh dấu một phần văn bản?

Question

Với HTML sau:

<div contenteditable="true">Some text</div> 

Và một số JS mà phát hiện sự kiện click với JQuery:

$("div").click(function() { 
    alert('click!'); 
}); 

Nếu bạn chọn một phần của văn bản trong div, sự kiện nhấp chuột sẽ không phải là được Opera mở (được thử nghiệm với Opera 11.61 trên Linux và 11.62 trên Windows). Nhấp đúp vào một từ để đánh dấu một phần là sẽ hoạt động.

Sự kiện là được ném trong IE7-9, Firefox, Chrome và Safari. Có một chút sửa đổi JSFiddle here.

Hành vi dự kiến ​​này, lỗi JQuery, lỗi Opera hay một thứ gì đó khác?

Answer 1

hành vi nào là' chính xác 'chắc chắn là một câu hỏi thú vị. Tôi nghĩ về nó: Cá nhân tôi nghĩ rằng hành vi của Opera có ý nghĩa hơn, như những gì người dùng dự định làm ở đây rõ ràng là không phải "click" một cái gì đó nhưng để "chọn" một cái gì đó.

Mặt khác, tôi cũng nghĩ Opera nên thay đổi nó để tương thích với các trình duyệt khác (trừ khi chúng tôi có thể nhận các trình duyệt khác phù hợp với Opera). Khả năng tương thích là rất, rất quan trọng. Vì vậy, nói chuyện với chiếc mũ nhân viên Opera của tôi về: Tôi nghĩ rằng chúng tôi là chính xác, và tôi nghĩ rằng chúng ta nên sửa chữa rằng :-p

Answer 2

Các sự kiện nhấp được biết là có hành vi không nhất quán giữa các yếu tố khác nhau và các trình duyệt khác nhau. Tại trung tâm của nó, một sự kiện click được cho là sẽ được kích hoạt khi một phần tử duy nhất ghi lại một mousedown theo sau là một mouseup, xem jquery doc.

Lời khuyên tốt nhất mà tôi đã nghe nói là từ here:

hay không đây là một vấn đề phụ thuộc vào sự tương tác người dùng mà bạn muốn. Nhưng thông thường, bạn nên đăng ký tập lệnh onmousedown/up, trừ khi bạn hoàn toàn chắc chắn mình muốn sự kiện nhấp chuột và không có gì khác.

Vì vậy, trong thỏa thuận với nhận xét cho câu hỏi của bạn, giải pháp đơn giản nhất là đăng ký mousedown hoặc mouseup (tùy thuộc vào hành vi bạn đang tìm kiếm, hành vi gần nhất với 'click' sẽ là 'mouseup' ')