एचटीएमएल टेक्स्ट को हाइलाइट किया जा रहा है

Question

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

यह वास्तव में वास्तव में अस्पष्ट है, लेकिन पाठ के बजाय छवियों का उपयोग करने के अलावा, यह हो रहा है रोकने के लिए एक साफ तरीका है?

धन्यवाद

Answer 1

यहाँ सीएसएस पाठ चयन को अक्षम करता है। How to disable text selection highlighting using CSS?

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
-o-user-select: none; 
user-select: none; 

Answer 2

रूप @arunes सुझाव दिया, आप सबसे ब्राउज़रों के लिए सीएसएस के साथ ऐसा कर सकते हैं। हालांकि मैंने पढ़ा है कि यह आईई 6-8 (कम से कम) के साथ काम नहीं करता है। तो उस के लिए, आप की तरह कुछ जरूरत हो सकती है:

document.getElementById("divDoubleClick").onselectstart = function() { return false; }; 

Answer 3

यह मेरे लिए काम करता

के रूप में सुझाव

body, div 
{ 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: -moz-none; 
    -ms-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
} 

में सीएसएस शैलियों डाल भी इन जोड़ने के प्रपत्र फ़ील्ड्स के भीतर चयन अनुमति देने के लिए

input, textarea, .userselecton 
{ 
    -webkit-touch-callout: text; 
    -webkit-user-select: text; 
    -khtml-user-select: text; 
    -moz-user-select: text; 
    -ms-user-select: text; 
    -o-user-select: text; 
    user-select: text; 
} 

नोट करें -मोज़-कोई भी आवश्यक नहीं है या इनपुट के लिए पुन: सक्षम नहीं है।

IE के लिए

मैं

<script type="text/javascript"> 
    window.addEvent("domready", function() 
    { 
     document.addEvent("selectstart", function(e) 
     { 
      if ((e.target.tagName == "INPUT") || 
      (e.target.tagName == "TEXTAREA") || 
       (e.target.hasClass("userselecton"))) 
      { 
       return true; 
      } 
      return false; 
     }); 
    }); 
</script> 

यह न केवल पृष्ठभूमि पाठ के चयन से बचाता है लेकिन inputfields पर चयन की अनुमति देता है जोड़ सकते हैं और और तत्व आप पर userseleton वर्ग डाल दिया।