用Jquery给Table 的TD TR绑定事件

最新推荐文章于 2020-11-12 14:33:24 发布

最新推荐文章于 2020-11-12 14:33:24 发布 · 254 阅读

文章标签：

#jQuery #ViewUI

本文介绍了一个jQuery插件livequery的使用方法，该插件能够解决动态添加DOM元素时无法绑定blur和focus事件的问题。

项目需求，我需要在页面加载完之后给新添加的元素增加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

})

});