So deaktivieren Sie das Klicken innerhalb von div

Question

Aus vielen Gründen muss ich das Klicken auf bestimmte Inhalte innerhalb eines div Elements deaktivieren. Zum Beispiel durch Klicks auf Anzeigenangriffe. Ich möchte immer noch, dass es sichtbar ist.

Betrachten Sie das folgende Snippet: -

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

wie whithin dass div die Fähigkeiten der linken Maustaste deaktivieren?

Answer 1

Die CSS-Eigenschaft, die verwendet werden kann, ist:

pointer-events:none 

WICHTIG Beachten Sie, dass diese Eigenschaft nicht von Opera Mini und IE 10 unterstützt wird und unten! (inklusive). Für diese Browser wird eine andere Lösung benötigt.

jQuery METHODE Wenn Sie es per Skript und nicht die CSS-Eigenschaft deaktivieren möchten, können diese Ihnen helfen: Wenn Sie jQuery Versionen verwenden 1.4.3+:

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

Wenn nicht :

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

• referenzierte aus: jquery - disable click

Answer 2

Wenn Sie es in reinen CSS wollen:

pointer-events:none; 

Answer 3

Try this:

pointer-events:none 

oben Element auf dem angegebenen HTML Hinzufügen alle Klick, Zustand und Cursor-Optionen verhindert.

http://jsfiddle.net/4hrpsrnp/

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

Answer 4

Wie deaktivieren, bis erstes Pop-up div einen anderen div Klick Klick schließen

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>