div

Question

के अंदर क्लिक करने में अक्षम कैसे करें कई कारणों से मुझे div तत्व के भीतर कुछ सामग्री पर क्लिक करने को अक्षम करने की आवश्यकता है। विज्ञापन हमलों पर क्लिक करने के कारण, उदाहरण के लिए। मैं अभी भी इसे दिखाना चाहता हूं।

<div class="ads"> 
something should be here, i do not want to be clicked 
</div> 

कैसे कि div whithin बाएँ क्लिक करने की क्षमताओं को अक्षम करने के -:

निम्नलिखित स्निपेट पर विचार करें?

Answer 1

सीएसएस संपत्ति है कि इस्तेमाल किया जा सकता है:

pointer-events:none 

महत्वपूर्ण ध्यान रखें कि इस संपत्ति ओपेरा मिनी और आईई 10 और नीचे द्वारा समर्थित नहीं है! (सम्मिलित)। इन ब्राउज़रों के लिए एक और समाधान की आवश्यकता है।

jQuery विधि आप स्क्रिप्ट और नहीं सीएसएस संपत्ति के माध्यम से इसे अक्षम करना चाहते हैं, तो इन आप मदद कर सकते हैं:

$('selector').click(false); 

यदि नहीं

: आप jQuery संस्करणों 1.4.3+ उपयोग कर रहे हैं : jquery - disable click:

$('selector').click(function(){return false;}); 

• से संदर्भित

Answer 2

आप शुद्ध सीएसएस में यह चाहते हैं:

pointer-events:none; 

Answer 3

इस प्रयास करें:

pointer-events:none 

निर्दिष्ट HTML तत्व पर ऊपर जोड़ना सभी क्लिक, राज्य और कर्सर विकल्पों रोकता होगा।

http://jsfiddle.net/4hrpsrnp/

<div class="ads"> 
<button id='noclick' onclick='clicked()'>Try</button> 
</div> 

Answer 4

पहले एक पॉपअप div पास

enter image description here

<p class="btn1">One</p> 
<div id="box1" class="popup"> 
Test Popup Box One 
<span class="close">X</span> 
</div> 

<!-- Two --> 
<p class="btn2">Two</p> 
<div id="box2" class="popup"> 
Test Popup Box Two 
<span class="close">X</span> 
    </div> 

<style> 
.disabledbutton { 
pointer-events: none; 
} 

.close { 
cursor: pointer; 
} 

</style> 
<script> 
$(document).ready(function(){ 
//One 
$(".btn1").click(function(){ 
    $("#box1").css('display','block'); 
    $(".btn2,.btn3").addClass("disabledbutton"); 

}); 
$(".close").click(function(){ 
    $("#box1").css('display','none'); 
    $(".btn2,.btn3").removeClass("disabledbutton"); 
}); 
</script>