使用setInterval导致事件的多重绑定有关问题

使用setInterval导致事件的多重绑定问题
使用定时器常常会出现一些时间紊乱的问题，之前我就遇到过使用setInterval产生动画，当一中断事件不断的被触发，这个就很可能会导致时间紊乱、动画紊乱的问题，想必大家在也都经历过这样的问题，解决这个问题的方法是，构造在某时刻只存在一条时间线的机制，延迟事件触发，这个将在以后的文章中讨论，今天发现了一个问题，使用setInterval会导致同一绑定的多重触发，代码如下
 

<script language='javascript' src='jquery.js'></script><script language='javascript'>$(document).ready(function(){    function tt(){        //...一些动画代码        $(window).keydown(function(event){          if(event.keyCode == 37) alert("yes");        });    }    setInterval(tt,1000);});</script>

如果等1秒，按Left键，会出现1个alert,停留5秒，再按一次Left键，会出现5个alert，也就是，每一秒注册一个监听器似的，解决方法很简单，将keydown绑定事件不参与setInterval就行了，直接和setInterval平级，即：

$(document).ready(function(){    function tt(){        //...一些动画代码    }    $(window).keydown(function(event){       if(event.keyCode == 37) alert("yes");    });    setInterval(tt,1000);});

查看更多 下一篇