javascript - 防止同一触发函数执行两次的最佳方法是什么？

Question

触发器可以应用于表单级别和/或项目级别。让它不第二次执行的最佳方法是什么？

<form id='f'>
  <input id='i' type='text' />
</form>

<script>
validate = function(e) { ... }
reformat = function(e) { ... }
document.getElementById('f').addListener('change',validate,true);
document.getElementById('i').addListener('change',validate,true);
document.getElementById('i').addListener('change',reformat,true);
</script>

上下文:数据字典表示项目 i 需要立即验证，应用程序编写者表示表单中的所有项目都应立即验证。

这是同一个函数，通常调用一次，但有时调用两次。

防止 validate 函数执行两次的最佳方法是什么？

注意:e.stopPropagation() 停止对 click 事件的所有进一步调用，以便重新格式化 不再调用触发器。

Answer 1

您可以在事件参数中添加一个 prop 以确保它运行一次:

validate = function(e) { if (e.done) return; /* code */ e.done = true; }
document.getElementById('f').addListener('change',validate,true);
document.getElementById('i').addListener('change',validate,true);

DEMO

虽然我不明白为什么你要绑定(bind)事件两次

编辑:对于跨浏览器(阅读:IE)将其更改为:

validate = function(e) {
    if ((e = e || window.event).done) return;
    /* code */ 
    e.done = true;
}
document.getElementById('f').addListener('change',validate,true);
document.getElementById('i').addListener('change',validate,true);

Edited DEMO