任何人都可以将此代码修改为[通过左键单击数字添加]和[通过右键单击数字减去]吗?
这将摆脱+和 - 按钮。
我无法弄明白该怎么做。
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;
}
答案 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()
并停止执行通常所做的操作,即调出上下文菜单。