के भीतर माउस कर्सर छुपाएं मैं फ्लैश के विकल्प के रूप में जावास्क्रिप्ट और एचटीएमएल 5 कैनवास तत्व का उपयोग करके गेम बनाने की प्रक्रिया में हूं। मेरा सवाल है: क्या कोई ऐसा कोड है जिसका उपयोग मैं माउस कर्सर/पॉइंटर को छिपाने के लिए कर सकता हूं क्योंकि यह कैनवास के भीतर गुजरता है? सहायता बहुत सराहना की है!एचटीएमएल 5 कैनवास जावास्क्रिप्ट
उत्तर
मुझे नहीं लगता कि आपको इसके लिए जावास्क्रिप्ट चाहिए, आप केवल सीएसएस का उपयोग कर सकते हैं। फिर अपने कैनवास एक div id/वर्ग निरुपित , और अपने सीएसएस टेम्पलेट में इस का उपयोग करें:
* {cursor: none;}
आह! आपका बहुत बहुत धन्यवाद! मैं कोशिश करूँगा! – Chris
यह [CSS3] (http://dev.w3.org/csswg/css3-ui/#cursor) का हिस्सा है लेकिन [CSS2] का हिस्सा नहीं है (http://www.w3.org/TR/CSS21/ ui.html # propdef-कर्सर)। – Shi
यह लिनक्स पर नवीनतम फ़ायरफ़ॉक्स पर काम नहीं करता है। कर्सर शेष पृष्ठ के लिए छिपा हुआ है, लेकिन अभी भी कैनवास पर दिखाई देता है। –
आप कर्सर शैली में हेरफेर करने के जावास्क्रिप्ट का उपयोग कर सकते हैं। कोड:
<div id="canvas_div_no_cursor">
<!-- canvas here -->
</div>
<script type="text/javascript">
document.getElementById('canvas_div_no_cursor').style.cursor = "none";
</script>
मैंने कोशिश की, लेकिन यह केवल फ़ायरफ़ॉक्स में काम करता प्रतीत होता है। इसके अलावा, मैं कुछ कारणों से सीएसएस को काम नहीं कर सका, मुझे विश्वास है कि यह भी फ़ायरफ़ॉक्स में ही काम करता है। क्या कोई जानता है कि क्रॉस-ब्राउज़र समाधान है या नहीं? मैं आपकी सभी मदद की सराहना करता हूं। – Chris
@ क्रिस: यह परीक्षण के रूप में आईई 9 और फ़ायरफ़ॉक्स 4.0 में काम करता है। ओपेरा 11 और Google क्रोम कर्सर छुपा नहीं है। (शायद कुछ सुरक्षा सेटिंग्स इसे प्रतिबंधित करें)। – VIK
@ क्रिस Google क्रोम मेरे लिए कर्सर छुपा रहा है जब jQuery का उपयोग '$ ('# canvas_div_no_cursor') किया जाता है। Css ('कर्सर', 'none') –
सबसे आसान तरीका है (आधुनिक ब्राउज़रों पर) कैनवास पर none
के लिए कर्सर सेट करने के लिए है।
अपने कैनवास HTML में बनाया गया है तो कार्य करें:
<canvas id="canvas" style="cursor: none;"></canvas>
मैं एक शैली पत्र पर इस एहसान होगा क्योंकि आप की गारंटी के लिए कर्सर मूल्य से अधिक से भरा नहीं है चाहता हूँ।
अपने कैनवास जावास्क्रिप्ट में बनाया गया है तो कार्य करें:
const canvas = document.createElement('canvas');
canvas.style.cursor = 'none';
document.body.appendChild(canvas);
- 1. एचटीएमएल 5 कैनवास
- 2. एचटीएमएल 5 और कैनवास
- 3. एचटीएमएल 5 कैनवास
- 4. एचटीएमएल 5 कैनवास
- 5. एचटीएमएल 5 कैनवास
- 6. एचटीएमएल 5 कैनवास
- 7. ए * एचटीएमएल 5 कैनवास
- 8. एचटीएमएल 5 कैनवास
- 9. एचटीएमएल 5 कैनवास हिटस्टिंग
- 10. एचटीएमएल 5 कैनवास इरेज़र
- 11. एचटीएमएल 5 कैनवास
- 12. एचटीएमएल 5 कैनवास सीमाएं
- 13. एचटीएमएल 5 कैनवास
- 14. कैनवास/एचटीएमएल 5 रूपांतरण
- 15. एचटीएमएल 5 कैनवास
- 16. एचटीएमएल 5 कैनवास
- 17. एचटीएमएल 5 कैनवास:
- 18. एचटीएमएल 5 कैनवास
- 19. एचटीएमएल 5 कैनवास
- 20. एचटीएमएल 5 कैनवास
- 21. एचटीएमएल 5 कैनवास तत्व
- 22. एचटीएमएल 5 कैनवास
- 23. एचटीएमएल 5 कैनवास मास्क
- 24. एचटीएमएल 5 कैनवास
- 25. एचटीएमएल 5 कैनवास - पथ
- 26. एचटीएमएल 5 कैनवास
- 27. एचटीएमएल 5 कैनवास
- 28. एचटीएमएल 5 के कैनवास
- 29. एचटीएमएल 5 कैनवास
- 30. एचटीएमएल 5 कैनवास इकाइयों
संबंधित (शर्मनाक प्लग): http://stackoverflow.com/questions/1071363/is-it-possible-to-hide-the- कर्सर-इन-ए-वेबपृष्ठ-उपयोग-सीएसएस-या-जावास्क्रिप्ट –
@ लुकास जोन्स मैं उसी लिंक को पोस्ट करने वाला था, जाहिर है कि आप इसे थोड़ा तेज़ पा सकते हैं। – qw3n
@ qw3n: जैसा कि मैंने अभी अपने उत्तर पर एक टिप्पणी का जवाब दिया था, इसलिए 'मेरे स्टैक एक्सचेंज ™ सुपरकॉलिडर मल्टीड्रॉपडाउन ™ के इनबॉक्स में जुड़वां। –