Come disabilitare facendo clic all'interno di div

Question

Per molte ragioni, è necessario disabilitare il clic su determinati contenuti all'interno di un elemento div. Per esempio, facendo clic sugli attacchi pubblicitari. Voglio ancora che sia visibile.

Si consideri il seguente frammento di codice: -

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

come disattivare le abilità di sinistra-clic whithin che div?

Answer 1

La proprietà CSS che può essere utilizzato è:

pointer-events:none 

IMPORTANTE Tenete a mente che questa proprietà non è supportata da Opera Mini e IE 10 e al di sotto! (compreso). Un'altra soluzione è necessaria per questi browser.

jQuery METODO Se si desidera disattivare tramite proprietà di script e non CSS, questi può dare una mano: Se stai usando jQuery versioni 1.4.3+:

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

caso contrario :

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

• di riferimento da: jquery - disable click

Answer 2

Se si desidera che in puro CSS:

pointer-events:none; 

Answer 3

Prova questa:

pointer-events:none 

Aggiunta di sopra sull'elemento HTML specificato si impedisce tutte le opzioni di scatto, statali e del cursore.

http://jsfiddle.net/4hrpsrnp/

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

Answer 4

Come disabilitare clic su un altro div scatto fino a quando prima comparsa div vicino

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>