addEventListener 没有在 Javascript 中触发我的函数

Posted 2023-03-05

【中文标题】addEventListener 没有在 Javascript 中触发我的函数

【英文标题】：addEventListener is not triggering my function in Javascript

【发布时间】：2019-02-27 19:24:10

【问题描述】：

我正在使用在线网站配色方案工具，它必须根据我们选择的颜色显示结果，但该功能不是由addEventListener("input", fuction_name); 触发的。

我曾多次处理这类事情，但我无法确定在这种情况下的错误。代码如下：

var hedbg = document.getElementById("headbg");
var htex = document.getElementById("headtext");
var head = document.getElementsByClassName("ehead")[0];

var conbg = document.getElementById("contbg");
var ctex = document.getElementById("conttext");
var cont = document.getElementsByClassName("econtent")[0];

function trailWeb() 
    console.log(hedbg.value);
    head.style.background = hedbg.value;
    head.style.color = htex.value;
    console.log(hedbg.value);
    cont.style.background = conbg.value;
    cont.style.color = ctex.value;


hedbg.addEventListener("input",trailWeb);

【问题讨论】：

#headbg是什么元素？

控制台有错误吗？

【参考方案1】：

当 <input>、<select> 或 <textarea> 元素的值发生更改时，DOM input 事件会同步触发。如果您使用带有type=checkbox 或type=radio 的输入元素，则输入事件应该在用户切换控件时触发，但从历史上看，情况并非如此。尝试为这些类型的元素附加change 事件。