OnBlur 和 OnFocus 事件无法正常工作

Question

您好，我正在尝试让我的 onblur 和 onfocus 功能正常工作，但它们似乎没有做正确的事情 - 我试图说如果“全名”字段为空，则将“全名”放入该字段中如果有人输入了某些内容，请保持原样。目前，如果显示“全名”，它会清除该字段，如果该字段为空，则会将“全名”放入其中。但我的问题是，每当有人在其中输入任何内容时，都会在该字段中输入“全名”。

这是我正在使用的代码

函数 doFocusNew() { if ($('.fullname').val() != null && $('.address').val() != 无效的） { $('.fullname').val('') } };

函数 doBlurNew() { if ($('.fullname').val() != null && $('.address').val() != 无效的） { $('.fullname').val('全名') } };

干杯杰米

Answer 1

.val() 中的值永远不会是 null，它们将是空字符串，因此您需要进行一些调整。我认为这就是您想要的：

function doFocusNew() { 
  if ($('.fullname').val() == 'Full Name') {
    $('.fullname').val(''); //focused, "Full Name" was there, clear it
  } 
}
function doBlurNew() { 
  if ($('.fullname').val() == '') { 
    $('.fullname').val('Full Name'); //blurred, nothing there, put "Full Name" in
  } 
}

如果它们是文本框，这是完整/紧凑的版本：

$(function() {
  $('.fullname').focus(function() {
    if(this.value === 'Full Name') this.value = '';
  }).blur(function() {
    if(this.value === '') this.value = 'Full Name';
  });
});

---

更新：因为您动态添加它们：

$(function() {
  $('.fullname').live('focus', function() {
    if(this.value === 'Full Name') this.value = '';
  }).live('blur', function() {
    if(this.value === '') this.value = 'Full Name';
  });
});

请务必已修复所有错误，例如，在最新的 jQuery 1.4.2 版本上，此功能可以正常工作，我看到您现在使用的是 1.4.0。