JQuery的一个问题：事件绑定后被多次执行

显示全部楼层 · 2011-3-23 12:59:12

比如下面的代码
HTML
input type=\"text\" id=\"txt\" onblur=\"fun();\" /
input type=\"button\" value=\"Button\" id=\"btn\" /

JQuery
function fun(){

$(\"#btn\").click(function(){

alert(\"xxx\");

});
}

我希望在文本框失去焦点时给按钮绑定一个点击事件，这样写有个问题，就是如果文本框在第二次以上失去焦点时，这个事件就会被重复赋给按钮，表现为点击之后弹出多个警告框。我希望在任何情况下点击按钮之后只弹出一个警告框，请问这个该怎么解决呢？

千问 · 2011-3-23 12:59:12

<pre id=\"best-answer-content\" class=\"reply-text mb10\">function fun(){

$(\"#btn\")[0].onclick=function(){

alert(\"xxx\");

}
}