How to disable clicking inside div

Question

For many reasons I need to disable clicking on certain content within a div element  Due to clicking ads attacks  for example  I still want it to be visible tho   Consider the following snippet  -   lt div class  ads  gt  something should be here  i do not want to be clicked  lt  div gt    how to disable the abilities of left-clicking whithin that div

User · Answer

If using function onclick DIV and then want to disable click it again you can use this :

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

Example :
HTML

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

Javascript

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

User · Answer

The CSS property that can be used is   pointer-events none    IMPORTANT Keep in mind that this property is not supported by Opera Mini and IE 10 and below  inclusive   Another solution is needed for these browsers   jQuery METHOD If you want to disable it via script and not CSS property  these can help you out  If you re using jQuery versions 1 4 3       selector   click false     If not      selector   click function   return false        Referenced from   jquery - disable click     You can re-enable clicks with pointer-events  auto   Documentation   Note that pointer-events overrides the cursor property  so if you want the cursor to be something other than the standard   your css should be place after pointer-events

User · Answer

How to disable clicking another div click until first one popup div close       lt p class  btn1  gt One lt  p gt    lt div id  box1  class  popup  gt   Test Popup Box One   lt span class  close  gt X lt  span gt    lt  div gt     lt  -- Two -- gt    lt p class  btn2  gt Two lt  p gt    lt div id  box2  class  popup  gt   Test Popup Box Two   lt span class  close  gt X lt  span gt     lt  div gt    lt style gt   disabledbutton    pointer-events  none       close   cursor  pointer      lt  style gt   lt script gt    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         lt  script gt

User · Answer

You can use css   ads pointer-events none    or Using javascript prevent event     selector   click function event      event preventDefault

User · Answer

Try this   pointer-events none   Adding above on the specified HTML element will prevents all click  state and cursor options   http   jsfiddle net 4hrpsrnp    lt div class  ads  gt    lt button id  noclick  onclick  clicked    gt Try lt  button gt   lt  div gt

User · Answer

If you want it in pure CSS   pointer-events none

[javascript] How to disable clicking inside div

Examples related to javascript

Examples related to jquery