2010-02-06 7 views
17

oEvent.preventDefault() नहीं है; जीसी में काम करते हैं? जब ऑनवॉव ईवेंट ट्रिगर होता है तो मुझे टेक्स्ट चुनने से रोकने की आवश्यकता होती है।मैं Google क्रोम में टेक्स्ट चुनने से कैसे रोक सकता हूं?

संपादित करें: यह पता चला बहुत आसान होने के लिए ...

function disableSelection() { 
    document.onselectstart = function() {return false;} // ie 
    document.onmousedown = function() {return false;} // others 
} 
function enableSelection() { 
    document.onselectstart = null; // ie 
    document.onmousedown = null; // others 
} 

उसके बाद, कोई पाठ चयन चाल घटना (पर शुरू हो रहा यानी चयन घटना पर - अर्थात् - वास्तव में अर्थात्। !)

+0

मेरी राय में सीएसएस विशेषताओं के माध्यम से चयन को दबाने की कोशिश करने के बजाय इस विधि (या 'event.preventDefault()' समकक्ष लेकिन थोड़ा अधिक आधुनिक) के माध्यम से करना बेहतर है, जो ब्राउज़र के बीच भिन्न होता है और ' उम्मीद है कि टी। –

उत्तर

43

-webkit-user-select: none सीएसएस शैली नियंत्रित करता है कि उपयोगकर्ता को
तत्व का पाठ चुनने की अनुमति है या नहीं।

पूर्णता के लिए, यह सब समर्थन ब्राउज़रों को शामिल किया गया (आईई एक वेब ब्राउज़र नहीं माना जाता है):

.no-select 
{ 
    user-select: none; 
    -o-user-select:none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
} 

जावास्क्रिप्ट के माध्यम से ऐसा करने के लिए, बस एक वर्ग बना सकते हैं और नोड के विशेषताएं जोड़ें।

var el = document.getElementById("myElement"), s = el.style; 
s.userSelect = "none"; 
s.webkitUserSelect = "none"; 
s.MozUserSelect = "none"; 
el.setAttribute("unselectable", "on"); // For IE and Opera 

ध्यान दें कि IE और ओपेरा के लिए, unselectable विशेषता एक तत्व के बच्चों को विरासत में नहीं है, इसलिए el के किसी भी बच्चे तत्वों को भी unselectable की आवश्यकता होगी करने के लिए स्थापित किया जाना:

+1

बहुत अच्छा, मुझे नहीं पता था कि आप इसे सीएसएस के माध्यम से कर सकते हैं। –

+0

मुझे जेएस के माध्यम से ऐसा करने की ज़रूरत है। –

+9

आईई को एक वेब ब्राउज़र नहीं माना जाता है? सो कैसे? –

19

जावास्क्रिप्ट का उपयोग यह ऐसा करने के लिए "on"

+4

+1 का उपयोग करके इसके लिए समर्थन जोड़ा। – Na7coldwater

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