2010-11-22 24 views
14

में संपादन योग्य नहीं है मेरे पास सामग्री के साथ सेट किए गए कंटेंटेड एट्रिब्यूट के साथ एक div है, हालांकि, यह एक ब्लिंकिंग कर्सर नहीं दिखाता है या जब मैं इसमें टेक्स्ट टाइप करता हूं तो अद्यतन करता है। मैंने फोकस, कीडाउन और कीप्रेस के लिए ईवेंट श्रोताओं को यह देखने के लिए जोड़ा है कि क्या div उन्हें प्राप्त कर रहा है, और यह है!संतोषजनक div वास्तव में वेबकिट

यह कैसे हो सकता है कि सभी उपयुक्त घटनाएं वास्तव में फायरिंग कर रही हैं फिर भी div की सामग्री उचित रूप से अपडेट नहीं हो रही है? मैं घटनाओं के डिफ़ॉल्ट व्यवहार को रोकने की तरह कुछ भी मज़ाकिया नहीं कर रहा हूँ।

इसके अलावा, मुझे अलग-अलग परियोजनाओं पर कई बार ठीक से काम करने योग्य काम मिल गया है, इसलिए मुझे काफी यकीन है कि यह इस विशेष पृष्ठ के HTML की संरचना के कारण कुछ बग है। फिर, मुद्दा केवल क्रोम और सफारी में होता है; फ़ायरफ़ॉक्स और आईई 8 ठीक हैं।

उत्तर

38

ठीक है, मैंने अपनी समस्या का पता लगाया। मेरे पास सीएसएस प्रॉपर्टी '-वेबिट-यूजर-सिलेक्ट' थी, जिसने प्रश्न में div के पदानुक्रम को तत्व तरीके से सेट किया था। इस प्रकार यह कर्सर को मेरी सामग्री के भीतर कभी भी तैनात होने से रोक रहा था।

दिलचस्प बात यह है कि संबंधित '-मोज़-उपयोगकर्ता-चयन' (जिसे मैंने पदानुक्रम में कोई भी सेट नहीं किया है) फ़ायरफ़ॉक्स को उसी तरह प्रभावित नहीं करता है।

+3

आप मेरे दिन के आदमी को बचाते हैं !! –

+0

यह बिल्कुल सही है, मुझे पता नहीं लगा कि मेरी साइट मुझे कोई संपादन क्यों नहीं दे रही थी, फिर एहसास हुआ कि उपयोगकर्ता-चयन अक्षम कर दिया गया था। धन्यवाद। –

+0

आप उत्तर पोस्ट नहीं करना चाहते थे, लेकिन आपने नहीं किया, धन्यवाद –

19

मैं यह कोड आपके साथ साझा करना चाहता हूं। यह आपकी मदद कर सकता है! आप संपूर्ण साइट के लिए उपयोगकर्ता-चयन और कॉलआउट अक्षम करते हैं, और फिर उपयोगकर्ता-चयन की अनुमति देने के लिए सामग्रीबद्ध फ़ील्ड को ओवरराइड करते हैं।

html,body{ 
    -webkit-user-select: none; 
    -webkit-touch-callout: none; 
} 

*[contenteditable] { 
    -webkit-user-select: auto !important; 
} 
संबंधित मुद्दे