Question

任何人都可以将此代码修改为[通过左键单击数字添加]和[通过右键单击数字减去]吗？

这将摆脱+和 - 按钮。

我无法弄明白该怎么做。

HTML

<input id="txtNumber" type=text" value="55" style="width:30px" />
<input id="btnAdd" type="button" value="+" onclick="add();" />
<input id="btnSubtract" type="button" value="-" onclick="subtract();" />

的Javascript

function add()
{
  var txtNumber = document.getElementById("txtNumber");
  var newNumber = parseInt(txtNumber.value) + 1;
  txtNumber.value = newNumber;
}

function subtract()
{
  var txtNumber = document.getElementById("txtNumber");
  var newNumber = parseInt(txtNumber.value) - 1;
  txtNumber.value = newNumber;
}

Answer 1

这是一个很好的方法：

http://jsbin.com/irIwUNi/2/edit

<强> HTML

<input id="txtNumber" type=text" value="55" 
  style="width:30px" onclick="javascript:add()" 
  oncontextmenu="javascript:subtract(event)" />

<强>的Javascript

function add()
{
  var txtNumber = document.getElementById("txtNumber");
  var newNumber = parseInt(txtNumber.value) + 1;
  txtNumber.value = newNumber;
}

function subtract(e)
{
  e.preventDefault();
  var txtNumber = document.getElementById("txtNumber");
  var newNumber = parseInt(txtNumber.value) - 1;
  txtNumber.value = newNumber;
  return false;
}

如果您只是将add()设置为单击运行而subtract()右键单击运行（当上下文菜单出现时），您可以捕获所需的点击类型。然后只需将event传递给subtract()并停止执行通常所做的操作，即调出上下文菜单。

添加/减去单击功能

1 个答案: