माउस कर्सर को माउस पर कैसे पकड़ें?

Question

मैं एफएफ में JSFIDDLE
अद्यतनthis version काम करता है पर एक डेमो बना दिया है लेकिन क्रोम नहीं ..
अद्यतन 2 यह website एक काम समाधान है लगता है।

मेरी जावास्क्रिप्ट के रूप में

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

इस प्रकार है और सीएसएस के रूप में

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

इस प्रकार है लेकिन क्यों कर्सर इस jQuery कोड के साथ नीचे माउस पर एक बंद हाथ नहीं होता है? आपको बहुत बहुत धन्यवाद! किसी भी मदद की सराहना की जाएगी!

Answer 1

2016 अद्यतन:

मैं पर काम कर रहा हूँ एक jQuery स्लाइडर प्लगइन में ऐसा करने की जरूरत। मैंने जो किया वह कर्सर को सीएसएस में परिभाषित करता था, फिर jQuery के साथ स्पर्श/माउस ईवेंट पर उन्हें जोड़ें/हटा दें।

सीएसएस:

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

जे एस:

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

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

Answer 2

यह (कम से कम एफएफ में) काम करता है: http://jsfiddle.net/uZ377/21/

मैं बाध्य करने के लिए लाइव बदल गया है, पता नहीं क्यों, लेकिन लाइव काम नहीं किया। इसके अलावा, मैंने jQuery-फ़ंक्शन में this लपेट लिया।

Answer 3

असल में ऐसा लगता है कि mousedown और mouseup घटनाओं को बाध्य करने के लिए लाइव विधि के साथ कोई समस्या है। दो तत्वों को अलग करके यह ठीक काम करता प्रतीत होता है।

वैसे भी कर्सर प्रॉपर्टी का यूआरएल हिस्सा सभी ब्राउज़रों में समर्थित नहीं है। उदाहरण के लिए क्रोम और फ़ायरफ़ॉक्स के साथ जांचें, यह मेरे लिए ठीक काम करता है, लेकिन ओपेरा में नहीं, क्योंकि जहां तक ​​मुझे पता है कि इसका समर्थन नहीं है।