我有一个脚本,可以在文本输入框和文本区域上模糊/聚焦时添加/删除类 - 但是我需要将其绑定到通过AJAX在页面加载后添加的内容上也可以使用:
$(function() {
$('input[type=text], textarea').addClass("idleField"); // reset all ##
$('input[type=text], textarea').bind("focus", function(event){
$(this).removeClass("idleField").addClass("focusField");
if (this.value == this.defaultValue){
this.value = '';
}
if(this.value != this.defaultValue){
this.select();
}
}).bind("blur", function(event){
$(this).removeClass("focusField").addClass("idleField");
if ($.trim(this.value) == ''){
this.value = (this.defaultValue ? this.defaultValue : '');
}
});
});
这不会将事件绑定到新内容上 - 有什么想法吗?
input[type=text]
可以简写成input:text
,其中的:text
是一个伪选择器。 - karim79.on()
方法来代替现在已经弃用的方法。 - JJJ