如何识别javascript中按下了哪个按钮?

时间:2014-03-29 12:16:22

标签: javascript button

如何识别在javascript中按下了哪个按钮

in有4个按钮,用于显示项目和文本框

当我按下按钮时,文本框中的数字加到总和

1 个答案:

答案 0 :(得分:1)

我们非常乐意为您提供帮助,但您应该提供更多信息,了解您希望如何实现以及实际代码的外观。

你说你想要实现一个计算器吗?有许多方法可以识别被触发的按钮,例如:按下。在上面提供的示例(Calculator)中,如果用户单击特定按钮,则会调用javascript函数。为此,函数调用是在onClick事件中进行的:

<INPUT type="button" name="one" value="1" OnClick="btnPressed(1)">

被调用的函数可能如下所示:

function btnPressed(value){
    var obj = document.getElementById('ID_of_textbox')
    obj.value = parseInt(obj.value) + value
}

如果您想确定点击了哪个按钮,可以使用“&#39;值”中存储的数字来执行此操作。论点。或者另一方面,您可以将触发器更改为:

<INPUT type="button" name="one" value="1" OnClick="btnPressed(1, this)">

和JS函数:

function btnPressed(value, sender){
    ...
}

如果您愿意使用&#39;这个&#39;参考如上图所示,那么你也可以更进一步,将整个事情改为:

<INPUT type="button" name="one" value="1" OnClick="btnPressed(this)">

function btnPressed(sender){
    var obj = document.getElementById('ID_of_textbox')
    obj.value = parseInt(obj.value) + parseInt(sender.value)
}

您也可以直接在INPUT的onClick中执行此操作:

<INPUT type="button" value="1" OnClick="document.getElementById('ID_of_textbox').value = parseInt(document.getElementById('ID_of_textbox').value) + 1">

或:

<INPUT type="button" value="1" OnClick="document.getElementById('ID_of_textbox').value = parseInt(document.getElementById('ID_of_textbox').value) + parseInt(this.value)">