Is possible to trigger context.js context menu on mouse left click - javascript

I have context menu in my ASP.NET MVC 4 application. I implement a context menu using context.js.
Every thing works fine.
But i need to trigger this context menu on left click. is there any
option to change trigger position in context.js. I already found many other context menus
with this left trigger option. But all the context menus are different style from bootstrap.
So i need to add this options in this context.js. Or If any other bootstrap supported
context menu exists.

You can try this
jQuery context menu plugin
This plugin can be used for left click as well.

Related

Event end of selection

On an Angular / Ionic mobile app, I'm looking for a way to add an event at the end of a text selection.
I've tried pretty much every Angular event: every mouse/scroll events, touchend, pressup, panup, selectionchange, select...
All these events work on pc but not when you select text on mobile (with the context menu).
context menu on mobile
I think it's because when we click on the arrows (see image), we are not clicking on the application, but on the context menu generated by the phone's OS.
Thank you for your answers !

Make all events disabled unless a left click is made in case of custom context menu

I have made a Custom context menu in react.js and I want to disable all the events like scroll and all if that context menu is open just like default Google chrome's context menu. All the events should get enabled if the user has clicked once and the context menu is not visible or he chooses some option from the context menu just like in chrome. Can anyone help me in achieving this functionality?
Two directions,
A) disable each event you don't want to have, Ex. How to disable scrolling temporarily?
B) add a layer on top of the screen, and then put your widget on top of that, this is normally referred as Modal. Ex. https://github.com/reactjs/react-modal
I'll vote for B), seems this is a classical problem you are running into.

Menu Links not working in Mobiles/Tablets

I have a AngularJS application which has a left to right menu slider of bootstap.
The problem is on clicking the links in the menu,page is not navigated.
This problem only occurs in every Mobile and Tab device not Laptops/Desktop.
On clicking the menu item,page should navigate and the menu should go inside right to left slider,but only the menu goes in.
I know the click event is workig as the menu goes in on a click event.
What could be the issue.
I tried the z-index, to check if other part of the pages are overalaping with menu but it doesnt make any diference.
Bootstrap Javascript components will never work with Angular JS views
because the views in Angular loads via HTTP request which mean when bootstrap javascript fires there is no DOM element to attach event listener
The solution is to use Angular Bootstrap
https://angular-ui.github.io/bootstrap/
all component is Angular directives so it fire after views loading

Don't collapse ExtJS Menu when clicked outside it

In my application , I show a ExtJS menu when clicked on a button. This menu gets collapsed when I click outside it.But my requirement it this menu should not collapse when clicked outside it.
I debugged in ExtJS files, there is a mousedown Event in GlobalEvents see here which gets fired and it collapse this menu. How can I change or override this behaviour.
Thanks in advance.
As fast workaround you can to return false; in your menu beforehide event handler.
Working fiddle

Replace superfish hover event with click event

I have used superfish module for more style of my site. It is working fine but I want to remove the mouseover effect from main menu link.
I want to just display the child menu link after clicking the main menu.
My site link is http://devel.studiesweekly.com
when you hover the mouse in main red button menu link it is showing immidiately the child menu bar bellow. I want to show only after click the main menus.
How can I do this? I have used drupal 7.x
You can change the event from the superfish library from hover to click.
Replace your current superfish library code with the code provided in this answer.

Categories