मैं कैसे jQuery का उपयोग कर माउस कर्सर को एचटीएमएल तत्व देते है। यह 'ड्रैगगेबल' जैसा कुछ होना चाहिए, लेकिन मैं चाहता हूं कि माउस डबल-क्लिक के बाद कर्सर पर चिपक जाए और बाएं माउस बटन दबाए जाने तक कर्सर का पालन करें।jQuery का उपयोग कर माउस पर एचटीएमएल-तत्व कैसे संलग्न करें?
उत्तर
आप .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/
+1: यह आशाजनक लग रहा है। –
वैकल्पिक डेमो: http://jsfiddle.net/a4eFE/ क्योंकि मैं ऊब गया था और इसे ठंडा देखा। –
धन्यवाद! मुझे यही चाहिए था। लेकिन क्या होगा यदि मैं "ड्रैगगेबल" विकल्पों का उपयोग करने में सक्षम होना चाहता हूं, जैसे "स्नैप", "रिवर्ट", "रोकथाम", आदि। मैं यह कैसे कर सकता हूं? – user1048261
- 1. डेल्फी 7: माउस को छवि संलग्न करें
- 2. jQuery संलग्न तत्वों पर क्लिक करें
- 3. jQuery संलग्न करें डोम
- 4. Jquery: सभी लिंक पर क्वेरीस्ट्रिंग संलग्न करें
- 5. सी # का उपयोग कर माउस कर्सर को कैसे स्थानांतरित करें?
- 6. डब्ल्यूपीएफ: माउस इवेंट को व्यूमोडेल में कैसे संलग्न करें?
- 7. jQuery का उपयोग कर टेक्स्ट बॉक्स मान में पाठ कैसे संलग्न करें?
- 8. jquery का उपयोग कर माउस के साथ div को कैसे स्थानांतरित करें?
- 9. आईफोन पर माउस ओवर कैसे ट्रिगर करें?
- 10. गिट प्रतिबद्ध हुक का उपयोग कर टिकट नंबर संलग्न करें?
- 11. का उपयोग कर jQuery
- 12. पायथन का उपयोग कर माउस डेल्टा प्राप्त करें! (लिनक्स में)
- 13. jQuery: संलग्न करें माता-पिता
- 14. backbone.js का उपयोग कर <body> पर ईवेंट को कैसे संलग्न करें?
- 15. माउस कर्सर को माउस पर कैसे पकड़ें?
- 16. JQuery का उपयोग कर माउस क्लिक के आगे एक div को कैसे स्थानांतरित कर सकता हूं?
- 17. jQuery: माउस अभी भी तत्व पर है?
- 18. Jquery का उपयोग कैसे करें?
- 19. माउस का उपयोग कर Gvim फोल्ड टॉगल
- 20. घटनाओं के बाहर माउस स्थिति निर्धारित करें (jQuery का उपयोग कर)?
- 21. प्रक्रिया निर्माण पर डीबगर कैसे संलग्न करें?
- 22. ब्रेस-संलग्न प्रारंभकर्ता का उपयोग कब करें?
- 23. क्यों पर jQuery (का उपयोग करें) क्लिक()
- 24. पैनल पर माउस व्हील कैप्चर कैसे करें?
- 25. jquery होवर माउस
- 26. jQuery संलग्न() - संलग्न तत्वों को वापस
- 27. मैं jQuery का उपयोग कर माउस पॉइंटर से संबंधित एक div को कैसे स्थितिबद्ध करूं?
- 28. jquery का उपयोग कर उपयोगकर्ता टाइमज़ोन कैसे प्राप्त करें?
- 29. jquery का उपयोग कर div सामग्री को ज़ूम कैसे करें?
- 30. jQuery माउस का .click() कीबोर्ड नेविगेशन
ध्यान रखें कि यह अधिकांश उपयोगकर्ताओं को, जो अधिकांश आधुनिक ऑपरेटिंग सिस्टम के क्लिक-खींचें और रिहाई इंटरफ़ेस करने के लिए उपयोग किया जाता है के लिए भ्रामक हो सकता है। – Blazemonger