Question

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

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

Answer 1

你可以这样做。

<强> 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

Answer 2

试试这个。

<强> SEE DEMO

<强> HTML：

<input id="textbox"/>

<强> JS：

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

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

2 个答案: