I am looking for a simple way to hide/disable the right click context menu for the whole html page but not in some editable html elements just like input[text] and textarea using jquery.
I know this jquery code, but the below code will disable context menu in all html elements even in editable objects...
$(document).ready(function(){
$(this).bind("contextmenu", function(e) {
e.preventDefault();
});
});
you could check for tags that you need like this:
$(document).ready(function(){
$(document).on("contextmenu",function(e){
if(e.target.nodeName != "INPUT" && e.target.nodeName != "TEXTAREA")
e.preventDefault();
});
});
Give your id or class name to specify for which area you want to disable, for example:
$("#your_id").bind("contextmenu", function(e) {
e.preventDefault();
});
You can use this to disable for particular tag(replace img)
$(document).ready(function() {
$("img").bind("contextmenu",function(){
return false;
});});
Courtesy to Peeter How to prevent Right Click option using jquery
For binding it with all element you need:
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
e.preventDefault();//or return false;
});
});
Try this code
<input type="text" id="test1"/>
<input type="text" id="test2"/>
JS Code:
$( "#test1" ).on( "copy cut paste drop", function() {
return false;
});
