EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on April 19, 2016, 01:51:02 PM

Title: [SOLVED] Enable context menu
Post by: Pierre on April 19, 2016, 01:51:02 PM

Hello all
on my index page, I'm using this:

Code:

  $(document).bind('contextmenu',function(e){
    e.preventDefault();  
  });

to prevent displaying of default menu because I'm using my own menus.
Now I'm use some HTML editor and need to "enable" default right menu but only for that editor (textarea).
How to do that?
Thank you.

Title: Re: Enable context menu
Post by: stworthy on April 20, 2016, 12:30:46 AM

Please try this code:

Code:

$(document).bind('contextmenu',function(e){
	var t = $(e.target).closest('textarea');
	if (!t.length){
	  e.preventDefault();    		
	}
});

Title: Re: Enable context menu
Post by: Pierre on April 20, 2016, 01:19:34 PM

Hello Stworthy,
it works perfect, thank you.
Do you have a advice of how to also enable default right-click menu on all validatebox, datebox, numberbox and to disable it on everything else?

Title: Re: Enable context menu
Post by: stworthy on April 20, 2016, 06:32:49 PM

All the components inherited from validatebox have the 'validatebox-text' class. So the code can be:

Code:

$(document).bind('contextmenu',function(e){
	var t = $(e.target).closest('textarea,.validatebox-text');
	if (!t.length){
	  e.preventDefault();    		
	}
});

Title: Re: Enable context menu
Post by: Pierre on April 20, 2016, 10:19:48 PM

Awesome, thank you so much.