javascript - 为什么我的用于删除焦点文本并在模糊时重新添加文本的 jQuery 插件不起作用？

Question

我希望文本框的值字段中的文本在文本框获得焦点时消失，然后重新出现以响应最终的模糊事件 - 但前提是该值为空(即，如果用户将焦点置于文本框中后未输入任何内容)。到目前为止，我有这个:

this.each(function() {  
    obj = $(this);
    var initialText = obj.val();

    obj.focus(function () { 
        if(obj.val() === initialText)
            obj.val("");    
    });


    obj.blur(function () { 
        if(obj.val() ==="")
            obj.val(initialText);   
    });
});  

如果页面中只有一个元素，这个插件就可以工作。如果我有两个元素，那么它就不起作用。为什么会这样？

Answer 1

obj 变量的作用域不限于函数，而是全局作用域，因此只有其中之一 - 设置为应用插件的最后一个。使用 var 关键字将变量的范围限制为单独的匿名函数，这样插件所应用的每件事都会有一个变量。