javascript - 如何在 JavaScript 中检查我的按钮是否被点击？

Question

我想在按 Enter 或单击按钮时调用 JavaScript 函数 test()，但我不知道如何检查 test() 中是否单击了该按钮.

HTML 代码:

<input id="data" type="text" name="data" value="" onkeypress="test()" /> 
<button id="button" type="submit" onclick="test()">button</button>

JavaScript:

function test() {
    let data = document.getElementById("data") ;
    let button = document.getElementById("button") ;
    if(data.onkeypressed = this.event.which === 13 || /*need to check if button was clicked*/) {
         ...
         ...
         ...
}

如何在 JavaScript 中执行此操作？

Answer 1

您可以将 this 传递给函数并检查 tagName

function test(e) {
    let data = document.getElementById("data") ;
    let button = document.getElementById("button") ;
    if(data.onkeypressed = this.event.which === 13 || e.tagName === "BUTTON") {
      console.log("button")
    }
}

<input id="data" type="text" name="data" value="" onkeypress="test(this)" /> 
        <button id="button" type="submit" onclick="test(this)" >button</button>