javascript - 如何在 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");

演示：http: //jsfiddle.net/2qY52/