Как отключить клик внутри div

Question

По многим причинам мне нужно отключить клик по определенному контенту в элементе div. Например, из-за нажатия на рекламные атаки. Я все еще хочу, чтобы это было видно.

Рассмотрим следующий фрагмент кода: -

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

как отключить способности левой кнопкой мыши Whithin, что div?

Answer 1

CSS-свойство, которое может быть использовано в:

pointer-events:none 

ВАЖНО Имейте в виду, что это свойство не поддерживается Opera Mini и IE 10 и ниже! (включительно). Для этих браузеров требуется другое решение.

JQuery МЕТОД Если вы хотите, чтобы отключить его с помощью сценария, а не CSS собственности, они могут помочь вам: Если вы используете JQuery версии 1.4.3+:

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

Если нет :

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

• Реферировано от: jquery - disable click

Answer 2

Если вы хотите его в чистом CSS:

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 щелчок, пока первого один всплывающей 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>