基于文本框输入的Javascript removeEventListener

基于文本框输入的Javascript removeEventListener,javascript,html,input,textbox,Javascript,Html,Input,Textbox,我有一个滑块,可以使用addEventListener实时更新文本框输入值。我需要的是,当用户更改textbox值时,textbox输入也会更新滑块 示例代码, HTML: var slider=document.getElementById(“slider”); var textVal=document.getElementById(“textVal”); 函数changeVal(){ setInterval(函数(){ textVal.value=slider.value; }, 100)

我有一个滑块,可以使用
addEventListener
实时更新文本框输入值。我需要的是,当用户更改textbox值时,textbox输入也会更新滑块

示例代码, HTML:

var slider=document.getElementById(“slider”);
var textVal=document.getElementById(“textVal”);
函数changeVal(){
setInterval(函数(){
textVal.value=slider.value;
}, 100);
}
函数removeListener(){
slider.removeEventListener(“change”,changeVal());
}
slider.addEventListener(“change”,changeVal())

  • 将事件
    输入绑定到文本字段
  • 删除
    设置间隔
    并绑定
    输入
    事件
  • removeEventListener
    似乎没有必要
您需要验证最大值、最小值和数值

var slider=document.getElementById(“slider”);
var textVal=document.getElementById(“textVal”);
函数changeVal(){
textVal.value=slider.value;
}
slider.addEventListener(“输入”,changeVal);
textVal.addEventListener(“输入”,函数(){
slider.value=this.value;
});

  • 将事件
    输入绑定到文本字段
  • 删除
    设置间隔
    并绑定
    输入
    事件
  • removeEventListener
    似乎没有必要
您需要验证最大值、最小值和数值

var slider=document.getElementById(“slider”);
var textVal=document.getElementById(“textVal”);
函数changeVal(){
textVal.value=slider.value;
}
slider.addEventListener(“输入”,changeVal);
textVal.addEventListener(“输入”,函数(){
slider.value=this.value;
});


addEventListener
,以及
removeEventListener
获取函数引用。但是,您当前正在执行函数,而不是传递它
addEventListener
,并且
removeEventListener
获取函数引用。但是,您当前正在执行函数,而不是传递它