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>