jQuery onblur không làm việc

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 không làm việc.
Bất kỳ ý tưởng nào?

Answer 1

Sử dụng live thay vì lấy nét và làm mờ

.live() đã bị phản đối. Thay vào đó, hãy sử dụng .on() và .off().

vì bạn đang thêm các đầu vào trong thời gian chạy, vì vậy nó làm tăng thêm trang với các sự kiện, sống:

Đính kèm một handler cho sự kiện này cho tất cả yếu tố đó phù hợp với hiện tại bộ chọn, hiện tại hoặc trong tương lai.

Ví dụ:

$('#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); 
}); 

Answer 2

này cho mã chính xác của bạn:

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

Answer 3

Vấn đề đầu tiên tôi thấy là chọn của bạn là một ID của #lPass, tuy nhiên, trong đó bộ chọn bạn cố gắng chèn một thẻ mới với cùng một ID đó. ID phải là duy nhất trên trang. THÌ bạn cố gắng loại bỏ với .remove() - dường như không có ý nghĩa với tôi.

Chỉ cần sử dụng .remove() hoặc sử dụng id mới ...

HOẶC làm rõ những gì bạn muốn làm.

Đối với .blur, chỉ cần sử dụng làm mờ, nhưng ID phải được cố định hoặc sử dụng .live() khi những người khác đề xuất nếu bạn muốn làm mờ trường MỚI mà bạn đã thêm.