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

Question

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

单击按钮基本上没有任何作用。 当我点击它时，该网站没有改变。

Answer 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);
    })
})