2011-12-13 16 views
6

मेरे पास "पिछला" और "अगला" बटन के लिए divs के साथ एक स्लाइड शो है।तेजी से बटन क्लिक पर टेक्स्ट चयन को रोकें

div के अंदर एक वर्ण "<" या ">" है।

समस्या यह है कि जब चित्रों को स्क्रॉल करने के लिए बटन तेजी से क्लिक किया जाता है, तो पाठ का चयन किया जाता है।

मैंने बटन टेक्स्ट के चयन को रोकने के लिए कुछ सीएसएस चाल की कोशिश की लेकिन यह आमतौर पर पृष्ठ के नीचे पाठ का चयन करने के लिए समाप्त होता है। यह जेएस हैक्स के बिना क्रॉस ब्राउज़र संगत नहीं है।

यदि div में इसमें कोई चरित्र नहीं है, तो यह पूरी तरह से काम करता है। मैंने चरित्र के साथ एक पारदर्शी div के साथ div को कवर करने का प्रयास किया, लेकिन ऐसा लगता है कि इसके तहत एक चरित्र है, पाठ का चयन किया जाएगा।

इसे रोकने के लिए कोई सुझाव? मैं बल्कि समाधान में जावास्क्रिप्ट शामिल नहीं होगा।

धन्यवाद।

+0

क्या मैं सिर्फ < and > टैग को हटाने और छवि का उपयोग करने का सुझाव नहीं दे सकता? एक अच्छी तरह से शीर्षक वाली छवि वास्तव में बेहतर होगी < > पहुंच के लिए –

+0

मैंने हाल ही में थीमिंग उद्देश्यों के लिए कस्टम फ़ॉन्ट के लिए पृष्ठभूमि छवियों को बदल दिया है। < and > वास्तव में तीरों की तरह दिखता है। – Enkay

+0

@enkay कृपया हमें बताएं कि क्या डोमेन का समाधान आपके लिए काम कर रहा है –

उत्तर

6

आप एक बटन शायद इस्तेमाल कर सकते हैं आवंटित काम करना चाहिए:

<button>&gt;</button> 
+0

पर काम नहीं करना प्रतीत होता है बस इसके बारे में भी सोचा। मैं इसे एक शॉट दूंगा। – Enkay

+0

धन्यवाद, यह चाल है। – Enkay

+0

enkay यह काम किया ????????????????????? –

2

मेरा मानना ​​है कि इस सीएसएस के साथ किया जा सकता है आप इसे ब्राउज़र विशिष्ट बनाने के लिए है, तो कुछ इस तरह अगर आप भी इसे अपने < पाठ

-webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
+0

यह पोस्ट में उल्लेख की गई सीएसएस चाल है। यह बटन के लिए काम करता है, लेकिन यह पृष्ठ के नीचे पाठ का चयन करने के लिए बस समाप्त होता है। यह भी सुनिश्चित नहीं है कि यह जेएस के बिना आईई में बिल्कुल काम करता है। हालांकि धन्यवाद। – Enkay

+0

क्रोम –

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