addEventListener不会在javascript

时间:2018-09-24 09:50:59

标签: javascript input javascript-events html-input

我正在使用在线网站配色方案工具,该工具必须根据我们选择哪种颜色来显示结果!但是该函数不是由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);

1 个答案:

答案 0 :(得分:0)

更改input<input><select>元素的值时,将同时触发DOM <textarea>事件。如果您将输入元素与type=checkboxtype=radio配合使用,则当用户切换控件时应触发输入事件,但从历史上看并非如此。尝试为这些类型的元素附加change事件。