javascript - 如何在动态创建的节点上绑定函数

Question

我正在写一个占位符启用功能

var t=document.createElement("input");
"placeholder" in t||$("input").each(function(){
   if("submit"!==$(this).attr("type")){
         var n=$(this),l=n.attr("placeholder");
         n.css("color","#ccc").val(l);
         n.focus(function(){("#ccc"==n.css("color")||"rgb(204, 204, 204)"==n.css("color"))&&n.val("").css("color","#000")});
         n.blur(function(){""==n.val()&&n.css("color","#ccc").val(l)})}
})

我可以在 dom 就绪时调用这个函数，但是如何在新创建的时候使用这个函数input？

Answer 1

我假设您正在尝试绑定focusandblur回调？

您可能需要on()将事件绑定到可能尚不存在的元素。它取代了弃用live()和bind()函数，旨在将处理程序绑定到现在或将来的任何事件。

$.on("focus", "input", function() {});

您需要提供事件、选择器和处理程序。