添加/减去单击功能

时间:2013-10-10 21:52:35

标签: javascript jquery function jsfiddle jscript

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

这将摆脱+和 - 按钮。

我无法弄明白该怎么做。

DEMO

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

1 个答案:

答案 0 :(得分:0)

这是一个很好的方法:

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()并停止执行通常所做的操作,即调出上下文菜单。