javascript - 如何使用 onclick 事件处理程序识别元素

Question

我想将元素的 ID 发送给函数以了解按下它的按钮。

<input type="submit" id="foo" onclick="function(abcxyz)" value="abc" />
<input type="submit" id="foo" onclick="function(xyz)" value="x" />

function(str){
    if(str == abcxyz){
        //do this.
    }
    else if(str == xyz){
        //do that.
    }
}

或者如果可能的话，可以将值 abc 或 x 发送到函数。所以str = abc或str = x。

Answer 1

如果我正确理解了您的问题...

1. 您缺少函数名称
2. 两个输入具有相同的 id
3. 在您的情况下，使用 submit 类型没有意义

4. 此任务不需要输入的值

   <input type="button" id="foo1" onclick="button_click('1')" />
   <input type="button" id="foo2" onclick="button_click('2')" />`
   
   function button_click(str){
       if(str == '1'){
           alert('Button with id foo1 was pressed');
       }
       else if(str == '2'){
           alert('Button with id foo2 was pressed');
       }
   }
   

Answer 2

您可以使用在这里找到的答案。

基本上写

<input type="submit" onclick="yourFunction(this.id)" id="abc" value="Button abc" />

Answer 3

您的函数需要一个名称：

尝试：

<script type="text/javascript">
    function whichButton(str){
        if(str == 'abc'){
            alert('abc was clicked');
        }
        else if(str == 'x'){
            alert('str was clicked');
        }
    }
</script>
<input type="submit" id="foo" onclick="whichButton(this.value);" value="abc" />
<input type="submit" id="foo1" onclick="whichButton(this.value);" value="x" />

Answer 4

作为您的问题的解决方案，请参考下面提到的代码片段

例如

  <input type="submit" id="foo" onclick="function(this.value)" value="abc" />
  <input type="submit" id="foo" onclick="function(this.value)" value="x" />

在上面的代码片段中，这个对象将引用事件源，即提交按钮