disable click on div code example

Example 1: disable click css

.avoid-clicks {
  pointer-events: none;
}

Example 2: disable div click

// To disable:    
document.getElementById('id').style.pointerEvents = 'none';
// To re-enable:
document.getElementById('id').style.pointerEvents = 'auto'; 
// Use '' if you want to allow CSS rules to set the value

Example 3: disable right click div

<div>
    This is the Phone and NO ONE SHOULD RIGHT CLICK THIS! >:) </br>
        <img class="tlClogo" src="http://i.imgur.com/0atiS5C.jpg" style="height: 120px; width:120px;">
    </div></br></br></br></br>
    And this is the Keyboard, ofcourse yo can right click this :)</br>
<img src="http://i.imgur.com/xkrKz1X.jpg" style="height: 120px; width:120px;">

$('img').bind('contextmenu', function(e){
    alert("This Logo is protected");return false;
});

Example 4: disabled a click

// CSS
.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

// HTML
<a href="link.html" class="not-active">Link</a>

Tags:

Html Example