2011-11-15 11 views
6

मैं कैसे jQuery का उपयोग कर माउस कर्सर को एचटीएमएल तत्व देते है। यह 'ड्रैगगेबल' जैसा कुछ होना चाहिए, लेकिन मैं चाहता हूं कि माउस डबल-क्लिक के बाद कर्सर पर चिपक जाए और बाएं माउस बटन दबाए जाने तक कर्सर का पालन करें।jQuery का उपयोग कर माउस पर एचटीएमएल-तत्व कैसे संलग्न करें?

+1

ध्यान रखें कि यह अधिकांश उपयोगकर्ताओं को, जो अधिकांश आधुनिक ऑपरेटिंग सिस्टम के क्लिक-खींचें और रिहाई इंटरफ़ेस करने के लिए उपयोग किया जाता है के लिए भ्रामक हो सकता है। – Blazemonger

उत्तर

13

आप .mousemove() और .offset() का उपयोग करना चाहेंगे।

$("#clickedElement").dblclick(function() { 
    var $someElement = $("#elementToCling"); 
    $(document).mousemove(function (e) { 
     $someElement.offset({ top: e.pageY, left: e.pageX }); 
    }).click(function() { 
     $(this).unbind("mousemove"); 
    }); 
}); 

कार्य डेमो:http://jsfiddle.net/EbbxA/

+0

+1: यह आशाजनक लग रहा है। –

+1

वैकल्पिक डेमो: http://jsfiddle.net/a4eFE/ क्योंकि मैं ऊब गया था और इसे ठंडा देखा। –

+0

धन्यवाद! मुझे यही चाहिए था। लेकिन क्या होगा यदि मैं "ड्रैगगेबल" विकल्पों का उपयोग करने में सक्षम होना चाहता हूं, जैसे "स्नैप", "रिवर्ट", "रोकथाम", आदि। मैं यह कैसे कर सकता हूं? – user1048261

संबंधित मुद्दे