jQuery onblur 不工作

Question

$('#lPass').focus(function() {  
        if (this.value == this.defaultValue) this.value = '';
        $(this).after('<input type="password" id="lPass" size="10" value="'+this.value+'"/>').remove();
}).blur(function() {
    alert(1);
});

<input id="lPass" type="text" size="10" value="Password"/>

onblur 不起作用。
有什么想法吗？

Answer 1

使用live而不是聚焦和模糊

.live() has been deprecated. Use .on() and .off() instead.

因为您是在运行时添加输入，所以它会添加到没有事件的页面，实时:

Attach a handler to the event for all elements which match the current selector, now or in the future.

示例:

$('#lPass').on('focus', function() {
    if (this.value == this.defaultValue) this.value = '';
    $(this).after('<input type="password" id="lPass" size="10" value="' + this.value + '"/>').remove();
});


$('#lPass').on('blur', function() {
    alert(1);
});