右键单击文本框创建菜单和操作

Question

我想创建一个右键单击文本框的菜单，单击该选项后我应该能够调用 js 函数。我应该怎么做？有人可以帮我吗？我的文本框代码是：

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

Answer 1

试试这个。

SEE DEMO

html:

<input id="textbox"/>

js:

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

Answer 2

你可以这样做。

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;
}

这是我的例子：DEMO

右键单击文本框创建菜单和操作

Create a menu and action on right click on a textbox

javascript

contextmenu

right-click