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

【问题标题】：Create a menu and action on right click on a textbox右键单击文本框创建菜单和操作
【发布时间】：2015-04-28 05:54:59
【问题描述】：

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

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

【问题讨论】：

请出示代码。
你能更新你的代码吗，你试过了。
我的文本框代码是...代码在哪里？
How to add a custom right-click menu to a webpage? 的可能重复项

标签： javascript contextmenu right-click

【解决方案1】：

试试这个。

SEE DEMO

html：

<input id="textbox"/>

js:

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

【讨论】：

【解决方案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

【讨论】：