我的 TypeScript 按钮没有响应用户输入

【问题标题】：My TypeScript Button isn't responding to user input我的 TypeScript 按钮没有响应用户输入
【发布时间】：2022-01-07 11:28:49
【问题描述】：

function test(event)
{
    document.getElementById('ausgabe').innerHTML =
    'test';
}

document.addEventListener("DOMContentLoaded", (event) => {
    document.getElementById("input1").addEventListener("submit", (event) => {
        test(event);
    })
})

单击按钮基本上什么都不做。当我点击它时，该网站没有改变。

【问题讨论】：

您指的按钮在哪里？请提供minimal reproducible example。

标签： javascript html typescript

【解决方案1】：

'submit' 是 <form> 的事件，而不是 <button> 的事件。

将您的代码更改为：

function test(event)
{
    document.getElementById('ausgabe').textContent = 'test';
}

document.addEventListener("DOMContentLoaded", (event) => {
    const button = document.getElementById("input1");
    const form   = button.form;
    form.addEventListener("submit", (event) => {
        test(event);
    })
})

【讨论】：