Bất kỳ ý tưởng nào tại sao sự kiện mouseleave không đăng ký khi di chuyển con trỏ nhanh?

Question

Kiểm tra này fiddle out: http://jsfiddle.net/abitdodgy/7rFb6/1/

Khi bạn di chuyển con trỏ nhanh sự kiện mouseleave không đăng ký vào những thời điểm. Tại sao chuyện này đang xảy ra?

Khi bạn di chuột qua hình ảnh đã chọn, lớp .controls xuất hiện cho phép bạn xóa lựa chọn. Tuy nhiên, khi bạn đã thoát, lớp .controls sẽ biến mất. Điều này không phải lúc nào cũng xảy ra nếu bạn di chuyển con trỏ thật nhanh giữa các lớp.

Thử chọn hình ảnh và di chuyển con trỏ rất nhanh giữa chúng và bạn sẽ nhận thấy điều này đang diễn ra. Nếu hình ảnh được chọn, lớp .controls sẽ không hiển thị trừ khi bạn đang di chuột qua nó.

Bất kỳ ý tưởng nào?

Answer 1

Cố gắng liên kết sự kiện mouseleave với div trình bao bọc chứ không phải thành phần đơn lẻ vì nó không được di chuột qua kích hoạt .controlsshow().

Là this sample có hoạt động cho bạn không?

Tôi cũng đề nghị thêm z-index: 2; vào các phần tử .controls.

Answer 2

I RAPIDLY là địa ngục di chuyển chuột laser của tôi trên tất cả trong số họ và họ INSTANTLY trả lời. Dường như vấn đề có liên quan đến những hạn chế của phần cứng của bạn hơn là một số vấn đề cụ thể với phần mềm tôi xin lỗi để nói.