2011-03-09 26 views
6

का उपयोग करके माउस डबल क्लिक को अक्षम करें मेरे पास एक ऐसा फॉर्म है जिसमें मेरे पास कुछ टेक्स्ट बॉक्स हैं और इसके नीचे एक टेबल है। जब मैं टेबल पंक्ति पर डबल क्लिक करता हूं तो यह मुझे दूसरे पृष्ठ पर ले जाता है।जावास्क्रिप्ट या jquery

अब समस्या यह है कि यदि मैं टेक्स्ट बॉक्स पर डबल क्लिक करता हूं तो यह एक और पेज पर जा रहा है, इसलिए मुझे इस टेक्स्ट बॉक्स पर माउस क्लिक अक्षम करने की आवश्यकता है और डेटा के लिए हेडर और अन्य टी के लिए भी tr का उपयोग किया जाता है। जब मैं tr क्लिक करता हूं हेडर भी यह काम नहीं करना चाहिए।

नोट:

मैं कई पाठ तो हर एक को डबल क्लिक करें माउस को अक्षम करने बनाने बक्से हैं अच्छा solut.If मैं क्लिक अकेले डेटा है कि डबल क्लिक करें काम करना चाहिए के साथ पंक्ति नहीं है।

+4

आप के लिए सिर्फ तालिका की तुलना में अधिक तो बंधन किया जाना चाहिए , या आपके टेक्स्टबॉक्स टेबल के बच्चे हैं। कोड मदद करेगा। – JeremyWeir

उत्तर

6

class='myClickDisabledElm'सभी डीओएम तत्व जोड़ें जिनके क्लिक आप रोकना चाहते हैं।

<input type="text" class="myClickDisabledElm" /> 

अब जावास्क्रिप्ट

jQuery('.myClickDisabledElm').bind('click',function(e){ 
    e.preventDefault(); 
}) 

संपादित

आप क्लिक कर जब से तुम डबल abt अधिक चिंतित हैं click

+0

उत्तर अपडेट किया गया !! –

+0

जहां तक ​​मैं आपकी समस्या को समझता हूं, आप "dblclick" के साथ क्लिक को प्रतिस्थापित कर सकते हैं। या अधिक जानकारी प्रदान करें। –

+1

preventDefault मेरे लिए काम नहीं करता – Lorenzo

23

के स्थान पर dblclick उपयोग कर सकते हैं यह इस

की तरह होना चाहिए
 
$('.myTextBox').dblclick(function(e){ 
    e.preventDefault(); 
}) 
0

वेब पेज पर डबल क्लिक करें घटना को निष्क्रिय करने के here

jQuery कोड से निम्नलिखित कोड मिल गया।

$(document).ready(function(){ 
     $("*").dblclick(function(e){ 
     e.preventDefault(); 
     }); 
    }); 

ऊपर jQuery कोड वेबपृष्ठ पर सभी नियंत्रणों के लिए डबल क्लिक ईवेंट अक्षम कर देगा। आप विशिष्ट नियंत्रण के लिए अक्षम करना चाहते हैं, चलो आईडी "btnSubmit" के साथ एक बटन कहते हैं तो,

$(document).ready(function(){ 
     $('#btnSubmit').dblclick(function(e){ 
     e.preventDefault(); 
     }); 
    }); 
0

आप किसी भी माउस क्लिक कार्रवाई उपयोग addEventListener (घटना, समारोह, useCapture) अक्षम करना चाहते हैं करते हैं।

ऑनक्लिक, इस फ़ंक्शन को कॉल करें।

अधिक यहाँ उल्लेख .: लिए https://www.w3schools.com/jsref/met_element_addeventlistener.asp

0

के रूप में कहा here, एक पर कब्जा चरण घटना श्रोता का उपयोग करें:

document.addEventListener( 'dblclick', function(event) {   
 
    alert("Double-click disabled!");   
 
    event.preventDefault();   
 
    event.stopPropagation();  
 
    },  true //capturing phase!! 
 
);

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