Làm thế nào để con trỏ chuột di chuyển chuột xuống?

Question

Tôi đã thực hiện một bản demo trên JSFIDDLE
CẬP NHẬTthis version công trình trong FF nhưng không chrome ..
UPDATE 2 này website dường như có một giải pháp làm việc.

Javascript của tôi là như sau

$("#click").live({ 
    mousedown: function() { 
      this.addClass("closed"); 
     }, 
    mouseup: function() { 
      this.removeClass("closed"); 
     } 
}); 

và CSS như sau

.closed { 
    cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important; 
} 

Nhưng tại sao không con trỏ trở thành một tay khép kín trên chuột xuống với mã jQuery này? Cảm ơn bạn rất nhiều! Bất kỳ trợ giúp nào sẽ được đánh giá cao!

Answer 1

2016 Cập nhật:

cần thiết để làm điều này trong một thanh trượt jQuery plugin Tôi đang làm việc trên. Những gì tôi đã làm là định nghĩa các con trỏ trong CSS, sau đó thêm/loại bỏ chúng trên các sự kiện touch/mouse với jQuery.

css:

.element:hover{ 
    cursor: move; 
    cursor: -webkit-grab; 
    cursor: grab; 
} 
.element.grabbing { 
    cursor: grabbing; 
    cursor: -webkit-grabbing; 
} 

JS:

$(".element").on("mousedown touchstart", function(e) { 
    $(this).addClass('grabbing') 
}) 

$(".element").on("mouseup touchend", function(e) { 
    $(this).removeClass('grabbing') 
}) 

Answer 2

này hoạt động (trong FF ít nhất): http://jsfiddle.net/uZ377/21/

Tôi đã thay đổi trực tiếp để ràng buộc, dunno tại sao, nhưng sống không làm việc. Ngoài ra, tôi đã bọc this trong hàm jQuery.

Answer 3

Thực ra có vẻ như đã xảy ra sự cố với phương pháp trực tiếp để ràng buộc cả sự kiện biến cố và di chuột. Bằng cách tách hai yếu tố, nó có vẻ hoạt động tốt.

Dù sao phần URL của thuộc tính con trỏ không được hỗ trợ trong tất cả các trình duyệt. Kiểm tra với Chrome và Firefox chẳng hạn, nó hoạt động tốt với tôi, nhưng không phải trong Opera, vì tôi biết là không hỗ trợ nó.