javascript - 实现输入字段阴影时 JavaScript 出错

Question

我想在输入字段中实现阴影。这是我正在使用的 JavaScript 代码：

<!-- input field shadow  -->
var placeholder = "test field"
$("input").on({
    focus: function() {
        if (this.value == placeholder) {
            $(this).val("").removeClass("shadow");
        }
    },
    blur: function() {
        if (this.value == "") {
            $(this).val(placeholder).addClass("shadow");
        }
    }
}).trigger("blur");​    

当我在 Firefox 中运行代码时，我收到以下错误消息：

非法字符 }).trigger("blur");

代码中是否存在错误？我该如何解决？

Answer 1

我认为您正在使用jQuery 1.6.4，这是行不通的。

尝试使用jQuery 1.7.1及以上版本

Answer 2

有问题；也许您是从 word 或其他内容粘贴的，但我在 FF 中看到了错误

删除 ; 和它后面的任何空格然后再次输入，它将摆脱错误

编辑：我认为 ; 后面的空格或制表符 但做上述错误会消失

编辑：要在函数中使用它，只需用函数包装它

var addListener = function(){
    // your code here
};

然后调用它，最有可能在文件准备好

$(document).ready(function(){
    addListener();
});