web-dev-qa-db-fra.com

Comment désactiver les clics dans div

Pour de nombreuses raisons, je dois désactiver le clic sur certains contenus dans un élément div. En raison de cliquer sur les attaques, par exemple . Je veux toujours qu'il soit visible.

Considérez l'extrait suivant: -

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

comment désactiver les capacités de clic gauche dans cette div?

javascriptjquery
18
Reham Fahmy

La propriété CSS pouvant être utilisée est:

pointer-events:none

! IMPORTANT N'oubliez pas que cette propriété n'est pas prise en charge par Opera Mini et IE 10 et inférieur (inclus). Une autre solution est nécessaire pour ces navigateurs.

jQuery METHOD Si vous souhaitez le désactiver via un script et non pas une propriété CSS, ces informations peuvent vous aider: Si vous utilisez les versions jQuery 1.4.3+:

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

Si non:

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

Si vous le voulez en CSS pur:

pointer-events:none;
14
Abe Hendlish

Essaye ça:

pointer-events:none

Ajouter ci-dessus l'élément HTML spécifié empêchera toutes les options de clic, d'état et de curseur.

http://jsfiddle.net/4hrpsrnp/

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

Comment désactiver en cliquant sur un autre clic div jusqu'au premier clic 

entrez la description de l'image ici

 <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>
0
Ashar Zafar

Si vous utilisez la fonction onclick DIV et que vous souhaitez ensuite la désactiver, vous pouvez l'utiliser à nouveau

for (var i=0;i<document.getElementsByClassName('ads').length;i++){
    document.getElementsByClassName('ads')[i].onclick = false;
}

Exemple : 
HTML

<div id='mybutton'>Click Me</div>

Javascript

document.getElementById('mybutton').onclick = function () {
    alert('You clicked');
    this.onclick = false;
}
0
LY MOT