Create a menu and action on right click on a textbox

Question

I want to create a menu for right click on a text box and upon clicking on that option I should be able to call a js function. How should I do it? Can anybody please help me? My code for the text box is:

<g:textField size="40" name="txtBoxId" id="txtBoxId" title="" value="${session.circuitName}" readonly="true"/>

possible duplicate of [How to add a custom right-click menu to a webpage?](http://stackoverflow.com/questions/4909167/how-to-add-a-custom-right-click-menu-to-a-webpage) — Anatoli, Apr 28 '15 at 05:59

score 0 · Accepted Answer · answered Apr 28 '15 at 06:17

0

try this.

SEE DEMO

html:

<input id="textbox"/>

js:

 $("#textbox").on('contextmenu', function (e) {
        alert("right-click!");
        window.event.returnValue = false;
 });

answered Apr 28 '15 at 06:17

Dyrandz Famador

4,499
5
25
40

score 0 · Answer 2 · answered Apr 28 '15 at 06:35

You can do something like this.

HTML:

<input id="id" type="text" />

JavaScript:

var inputBox = document.getElementById("id");
inputBox.addEventListener("contextmenu", handler, useCapture); // useCapture: true or false

//inputBox.attachEvent("oncontextmenu", handler); // IE <9; use attachEvent for IE <9 support.


function handler(event) {
    // your code goes here
    alert("right click on inputbox")
    event.preventDefault();
    event.returnvalue = false; // IE <=9;
}

Here is my example: DEMO

Create a menu and action on right click on a textbox

2 Answers2