Kiểm tra xem nút chuột có bị tắt trong khi di chuột không?

Question

Tôi có một mạng lưới các hộp mà người dùng tương tác trên một trang web. Nếu họ nhấp vào một hộp, nó sẽ thay đổi màu sắc. Có khá nhiều hộp và tôi muốn nó ít tẻ nhạt, vì vậy nó sẽ được tốt đẹp để có các chức năng được: nếu nút chuột là xuống và bạn di chuột hộp, nó thay đổi tiểu bang. Có suy nghĩ gì không?

Answer 1

Bạn có thể sử dụng thuộc tính buttons trên sự kiện được chuyển đến cuộc gọi lại di chuột để kiểm tra xem các nút chuột nào đã được nhấn khi sự kiện được kích hoạt.

Ví dụ, để phát hiện xem nút trái được nhấn khi một phần tử được nhập với chuột, bạn có thể sử dụng:

myElement.addEventListener("mouseover", function(e){ 
    if(e.buttons == 1 || e.buttons == 3){ 
     //do some stuff 
    } 
}) 

Dưới đây là một minh chứng của ý tưởng này: http://jsfiddle.net/Ah6pw/

Giữ phím nút chuột trái và di chuyển chuột qua các mục danh sách khác nhau.

Answer 2

Xem onmousedown & onmouseup sự kiện.

Answer 3

Tôi đã tìm thấy thứ gì đó tương tự. Nhấp vào các đối tượng trong một số không gian và sau đó ít tương tác. http://mrdoob.github.com/three.js/examples/canvas_interactive_cubes.html (tìm kiếm nguồn cảm hứng vào mã)

Ngoài ra những liên kết có thể có ích cho bạn

• jQuery is mousedown on mouseover
• Detect left mouse button press
• http://unixpapa.com/js/mouse.html