var _timer = {}; function delay_till_last(id, fn, wait) { if (_timer[id]) { window.clearTimeout(_timer[id]); delete _timer[id]; } return _timer[id] = window.setTimeout(function() { fn(); delete _timer[id]; }, wait); } //////////////////////////////////// $el.on('click', function() { delay_till_last('myclick', function() { // run something }, 500); }); 这个写法可以保证只有最后一次点击被触发,方法就是后一次事件会覆盖前一次事件,如果超过指定时间还没有新的事件,就执行最后一个事件 delay_till_last()这个函数是我在前端很常用的函数,用在用户可能密集输入的场合下,比如文本框持续输入,等到输入完毕再开始检查 $input.on('keypress', function() { // 用户停止输入300ms后开始检查 delay_till_last('check_input', function() { // 检查文本框内容是否正确 }, 300); });