JavaScript以编程方式设置onchange事件

Question

function __setOnchangeEvent()
{
    var inputs = document.getElementsByTagName('input');
    if (inputs)
    {
        for (var i = 0; i < inputs.length; i++)
        {
            if (inputs[i].id.indexOf('display_hidden') >= 0)
            {
                console.debug("outer1: " + inputs[i].outerHTML);
                //inputs[i].addEventListener("onchange", __hideInfoIcon);
                inputs[i].onchange = '__hideInfoIcon';
                console.debug("outer2: " + inputs[i].outerHTML);
            }
        }
    }
} __setOnchangeEvent();

调试输出：

调试输出清楚地表明未设置onchange值。

我的错误在哪里？

Answer 1

调试输出清楚地表明未设置onchange值。

不，不是。 调试输出仅显示HTML，因为这就是显示的内容：

console.debug("outer2: " + inputs[i].outerHTML);

如果您只是因为设置事件处理程序而期望HTML 有所改变 ，那您就错了。 HTML和DOM事件是两件事。

您可以在嵌入式HTML中分配事件处理程序 ，但事件本身不是HTML显示的一部分。

您可以通过调用该事件而不是通过查看HTML标记来测试事件处理程序。

我的错误在哪里？

除了以上所述，这看起来也不正确：

inputs[i].onchange = '__hideInfoIcon';

那不是一个函数，它只是一个字符串。 如果您具有该名称的函数，请将其用作事件处理程序：

inputs[i].onchange = __hideInfoIcon;