在日常编码中是否会遇到在编写一个输入组件时,我们需要用到文本框的change事件,又需要一个确认按钮的click事件,这两个事件调用的都是一个函数,这时输入完成后,点击确认事件就会调用两次函数,出现重复调用问题。
有的人会说,去掉change事件,或者去电确认按钮,但我认为两个都保留对于用户体验是很好的。
我的解决思路是给一个计数变量,之后使用setTimeout解除计数变量,这样可以避免同时触发change和click事件了
下面是解决方法:
var num = 0;
Input.addEventListener('change', inputChange);
Button.addEventListener('click', inputChange);
function inputChange(){
if(num>0) return;
num++;
setTimeout('num=0',500);
}