我有jQuery脚本:
$("input:not(':input[type=button], :input[type=submit], :input[type=reset]'), textarea").each(function () {
var Input = $(this);
var default_value = Input.val();
$(Input).on("focus", function() {
if(Input.val() == default_value) Input.val("");
}).on("blur", function() {
if(Input.val().length == 0) Input.val(default_value);
});
});
如果输入已经在html上,它的工作正常,但是如何在动态添加输入上工作呢?
第一个想法是改变:
$(Input).on("focus", function()
到
$(document).on("focus", Input, function()
但没有运气。
更新
我认为我找到了让它在任何输入上正常工作的方法:
$(document).on("focus", "input:not(':input[type=button], :input[type=submit], :input[type=reset]'), textarea", function(e) {
if (e.target.value == e.target.defaultValue) {
e.target.value = "";
}
}).on("blur", "input:not(':input[type=button], :input[type=submit], :input[type=reset]'), textarea", function(e) {
if (e.target.value == "") {
e.target.value = e.target.defaultValue;
}
});
答案 0 :(得分:0)
我认为这就是你所追求的:
$(".url_add").on("click", function (e) {
$(this).prev(".elements").clone().insertBefore(this);
e.preventDefault();
});
var default_value = $('input').val();
$(document).on("focus", 'input', function () {
if ($(this).val() == default_value) $(this).val("");
}).on("blur", 'input', function () {
if ($(this).val().length == 0) $(this).val(default_value);
});
<强> jsFiddle example 强>