基于文本框输入的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
获取函数引用。但是,您当前正在执行函数,而不是传递它