这个 jQuery .blur 有什么问题吗？

Question

我有这个 jQuery:

var testTitleVal = $('#testTitle').val();
$('#testTitle').blur( 
       function(){
           if(testTitleVal.length == 0){
                 $('#testTitle').val('Title');
           }
       });

处理这个 HTML:

<input type="text" id="testTitle">

我想要它完成的是，当焦点离开 input 并且输入中没有文本时，它会使值成为 Title< /代码>。由于某种原因，它没有这样做。有什么想法吗？

Answer 1

你的代码在 if 语句中有点偏离：

改为这样做：

$('#testTitle').blur( 
   function(){
       if($(this).val().length == 0){
             $(this).val('Title');
       }
   });

fiddle: http://jsfiddle.net/maniator /C6aau/

Answer 2

您是否在其他地方定义了变量 testTitleVal ？

尝试将该行替换为

if ($(this).val().length === 0) {

Answer 3

我不确定 testTitleVal 是什么，但我认为您正在寻找类似的内容：

$('#testTitle').blur(
    function() {
        if (this.value.length === 0) {
            this.value = 'Title';
        }
    }
);

您可能还想查看 HTML5 placeholder 属性。