Lỗi liên kết Javascript của Google Chrome

Question

Khi nhấp vào liên kết trong google chrome, sự kiện tiêu điểm sẽ không kích hoạt. Tất cả các trình duyệt khác kích hoạt sự kiện trọng tâm cho các liên kết.

<a href=# onfocus="console.log('focus')">Link</a> 

Tôi không muốn đính kèm sự kiện onmousedown, nhưng onfocus.

Bất kỳ ai cũng có ý tưởng giải pháp.

EDIT:

tôi chắc chắn sẽ xem xét việc này một lỗi bởi vì tất cả các yếu tố có thể đặt tiêu khác kích hoạt tập trung vào nhấp chuột.

Ngay cả các yếu tố không thể lấy nét có tiêu điểm kích hoạt tabindex khi nhấp chuột vào google chrome.

<div tabindex="-1" onfocus="console.log('focus')">div</div> 

tôi không thể đính kèm cho cả click và focus vì sau đó onclick, các trình duyệt khác sẽ gọi hàm hai lần. Tôi không thể phát hiện chức năng này vì nó yêu cầu sự tương tác của người dùng và tôi sẽ không phát hiện chuỗi tác nhân người dùng, bởi vì nó cũng sai.

Sử dụng html này:

<a href=# onfocus="console.log('focus')" onmousedown="console.log('mousedown')">Link</a> 

là họ cách nào để vô hiệu hóa thứ hai onmousedown gọi để ngăn chặn các chức năng được gọi là hai lần trong các trình duyệt google không.

EDIT 2:

Sau một số thử nghiệm thêm <input type=radio> cũng thất bại trong việc gọi tập trung trong google chrome. Tại sao trên thế giới là google chrome như thế này, trong khi Opera, IE và firefox đều ổn. Điều gì là điên rồ là trình duyệt webkit di động thậm chí còn kích hoạt tập trung vào các liên kết khi tôi thử nó trên thiết bị Android của mình.

Answer 1

Một việc xung quanh bạn có thể làm để tránh những đôi focus sự kiện từ popping trên các trình duyệt làm việc trong khi vẫn nhận được sự kiện focus để bật trên Chrome, là trên một bấm vào sự kiện kiểm tra xem có bất cứ điều gì có focus trên trang và nếu không, hãy kích hoạt sự kiện focus.

Với jQuery nó có thể được thực hiện như thế này:

$('a').click(function(e){ 
    if(!$('*:focus').length) $(this).trigger('focus');   
}); 

dụ: http://jsfiddle.net/niklasvh/qmcUt/

Answer 2

Điều đó thực sự hoạt động tốt, ngoại trừ sự kiện trọng tâm không được kích hoạt đơn giản bằng cách nhấp vào liên kết (thử tabbing và bạn sẽ thấy sự kiện kích hoạt). Tôi không nghĩ rằng đó là một lỗi, tại sao không chỉ bảo vệ an toàn và sử dụng cả hai?

Answer 3

Bạn có thể sử dụng Hack nhỏ:

<a href="#" onfocus="console.log('focus')" onclick="this.focus()">Link</a>