用Jquery给Table 的TD TR绑定事件

最新推荐文章于 2026-04-27 02:52:27 发布

转载最新推荐文章于 2026-04-27 02:52:27 发布 · 1.4w 阅读

文章标签：

#jquery #table #function

JQuery 专栏收录该内容

53 篇文章

订阅专栏

本文介绍如何使用jQuery及其插件livequery解决动态添加元素后的focus和blur事件绑定问题。通过实例展示了具体的应用方法。

项目需求，我需要在页面加载完之后给新添加的元素增加focus事件，我用的jQuery1.3，据说多了个live()事件，可以支持这种重复绑定问题，可是去官网一看：
Possible event values: click , dblclick , mousedown , mouseup , mousemove , mouseover , mouseout , keydown , keypress , keyup
Currently not supported: blur , focus , mouseenter , mouseleave , change , submit 真晕啊，我就是要处理blur，focus事件的，干嘛不支持，不支持realse干嘛啊。。。

此例使用了livequery( matchedFn )，场景是：

好在发现一个插件，livequery 例子：

$('#table tr td
').livequery(function(){

$(this).find("input#quotes").focus(function(){

    //focus event

}),



$(this).find("input#serial_num").focus(function(){

    // focus event

})

});



$('#table tr td
').livequery(function(){

$(this).find("input#quotes").blur(function(){

 //blur event

}),



$(this).find("input#serial_num").blur(function(){

    //blur event

})

});