2015-06-13 15 views
5

Tôi phải triển khai sự kiện di chuyển chuột khi nhấn chuột xuống.cách triển khai mousemove trong khi mouseDown nhấn js

Tôi chỉ cần thực thi "OK đã di chuyển" khi di chuyển chuột và di chuột.

tôi đã sử dụng mã này

$(".floor").mousedown(function() { 
    $(".floor").bind('mouseover',function(){ 
     alert("OK Moved!"); 
    }); 
}) 
.mouseup(function() { 
$(".floor").unbind('mouseover'); 
}); 

Trả lời

11

Sử dụng các sự kiện mosemove.

Từ mousemovemouseover jquery tài liệu:

Sự kiện mousemove được gửi đến một phần tử khi di chuyển con trỏ chuột bên trong phần tử.

Sự kiện mouseover được gửi đến phần tử khi con trỏ chuột nhập phần tử.

Ví dụ: (kiểm tra giao diện điều khiển đầu ra)

$(".floor").mousedown(function() { 
    $(this).mousemove(function() { 
     console.log("OK Moved!"); 
    }); 
}).mouseup(function() { 
    $(this).unbind('mousemove'); 
}).mouseout(function() { 
    $(this).unbind('mousemove'); 
}); 

https://jsfiddle.net/n4820hsh/

+0

khi u nhấp vào hộp cho lần đầu tiên và di chuyển chuột nó hoạt động tốt, nhưng khi u di chuyển chuột một lần nữa mà không có nút bấm nó cũng làm việc! đây là những gì tôi bị: 3. tôi chỉ cần làm việc khi nhấn và di chuyển chuột. – M1M6

+0

đã chỉnh sửa: cũng cần phải hủy liên kết khi chúng tôi rời khỏi hộp. Bây giờ nó sẽ chỉ hoạt động khi bạn nhấn chuột bên trong hộp và bạn di chuyển bên trong. –

+0

nó hoạt động tốt :) cảm ơn uuuuuu :) – M1M6

Các vấn đề liên quan