मैं एक छोटे से स्केचपैड बनाने के लिए एचटीएमएल 5 और कुछ जावास्क्रिप्ट के साथ खेल रहा हूं। जब भी मैं क्रोम में कैनवास पर क्लिक करता हूं, कर्सर टेक्स्ट कर्सर बन जाता है। मैंने कर्सर डालने की कोशिश की है: सीएसएस में हाथ, लेकिन यह काम नहीं लग रहा है। यह एक आसान बात हो गया है, लेकिन मैं इसे देख सकते हैं और नहीं के बजाय कहीं भी इसे पा सकते हैंएचटीएमएल 5 कैनवास हाथ कर्सर की समस्या
उत्तर
उपयोग अपने कर्सर संपत्ति के लिए pointer
, इस तरह:
canvas { cursor: pointer; }
hand
आईई/ओपेरा विशिष्ट है, you can see a full list of which cursors work in which browsers here।
विशेष रूप से यह नोट उल्लिखित लिंक http://www.quirksmode.org/css/cursor.html#note –
में सहायक है मैंने इसे अंदर रखा लेकिन अभी भी वही काम कर रहा हूं। इसे यहां देखें: http://p-func.com/html5_test/test2.html – pfunc
@pfunc - मैं सीधे आपके पृष्ठ को डीबग नहीं कर सकता, इसमें कुछ अमान्य गुण हैं जिन्हें सुधारने की आवश्यकता है ... '' हो, वे '' जैसे स्वयं बंद नहीं हो सकते हैं। इसके अलावा वहाँ एक अतिरिक्त '
'टैग है ... जब तक यह वैध नहीं है तब तक फंकी व्यवहार को डीबग नहीं कर सकता :) –कैनवास पर अक्षम टेक्स्ट चयन का उपयोग करें। यह एक आकर्षण की तरह काम करता है।
var canvas = document.getElementById('canvas');
canvas.onselectstart = function() { return false; } // ie
canvas.onmousedown = function() { return false; } // mozilla
चीयर्स, क्रिस
सुंदर! मैं थोड़ी देर के लिए इसका समाधान ढूंढ रहा था, जिसने सपना देखा होगा कि यह इतना आसान था? इंटरवेब्स के संपादन के लिए: "वापसी झूठी" विधि कर्सर को क्रोम में आई-बीम में बदलने से रोकती है। मुझे पता है कि एटवुड लोगों को उनकी टिप्पणियों में कृतज्ञता से कृतज्ञता दिखाते हुए नापसंद करते हैं, लेकिन वैसे भी धन्यवाद! – Toji
वेबकिट ब्राउज़र के लिए आप 'body {-webkit-user-select भी जोड़ सकते हैं: none; } 'अपने सीएसएस में। – Jacksonkr
अच्छा! इससे मुझे काफी समय बचाया! – BaronVonKaneHoffen
अन्य लोग बिल्कुल quirksmode संदर्भ के लिए आप बात कर पर टकरा रहे थे, कि समस्या आप कर रहे हैं ठीक नहीं होगा, और अनिवार्य रूप आप का एक परिवर्तन लागू करने की आवश्यकता क्रिस का जवाब
मेरे अपने कार्यान्वयन में, मैंने पाया कि mousedown घटना में डिफ़ॉल्ट व्यवहार को रोकने कि सभी कि परेशान पाठ चयन कर्सर को रोकने के लिए आवश्यक किया गया था:
function handleMouseDown(evt) {
evt.preventDefault();
evt.stopPropagation();
// you can change the cursor if you want
// just remember to handle the mouse up and put it back :)
evt.target.style.cursor = 'move';
// rest of code goes here
}
document.addEventListener('mousedown', handleMouseDown, false);
आशा है कि मदद करता है।
चीयर्स, डेमन।
हां, इससे मदद मिली। धन्यवाद! – shino
- 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 रूपांतरण
ठीक है, पहले इसे "कर्सर: पॉइंटर" नहीं "कर्सर: हाथ" ... – animuson