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

Question

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

Answer 1

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