如何在JSF输入字段中创建阴影，并在用户单击它时保留它

Question

我有这个用于在输入字段中创建阴影的JavaScript：

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

现在脚本显示时间格式。但是当我在字段中单击鼠标时，文本消失。我想修改脚本只有在键入键时才会消失。我怎么能这样做？

祝福

Answer 1

使用keypress事件：

var placeholder = "#{GlassfishController.date}"
$("input").on({
    keypress: function() {
        if (this.value == placeholder) {
            $(this).val("").removeClass("shadow");
        }
    },
    blur: function() {
        if (this.value == "") {
            $(this).val(placeholder).addClass("shadow");
        }
    }
}).trigger("blur");

DEMO： http://jsfiddle.net/2qY52/