文本输入框的change事件与确认按钮的click事件重复调用问题

在日常编码中是否会遇到在编写一个输入组件时，我们需要用到文本框的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);
}