Question

我正在尝试动态创建表单，并将事件侦听器添加到输入中。

click事件侦听器按预期工作，而onchange / oninput则不起作用。

出什么问题了？

function createInput(location, options) {
    let input = document.createElement('input');
    input.type = "input"
    input.name = options.name;

    input.addEventListener('click', (e) => {
        console.log(e) // This one works
    });

    input.addEventListener('onchange', (e) => {
        console.log(e) // This one doesn't!
    });

    document.getElementById(location).appendChild(input);
}

Answer 1

事件名称为change，而不是onchange。对于addEventListener，您永远不会使用“ on”前缀。

旁注：input.type = "input"不正确。没有input type。 input将是文本输入，就像type = "text"一样。

输入addEventListener-单击有效，onchange / oninput无效

1 个答案: