jquery自动搜索水印

我使用的是jquery插件wordFilter：它提供了自动搜索功能，允许根据键入文本字段的文本自动过滤元素列表

它的工作原理很好，但我希望如果没有输入文本，也能在里面有一个文本字段水印。不幸的是，此文本会触发自动搜索。当然，我不希望这样，我希望在用户实际键入之前忽略它

---

有没有人有使用带有水印的自动搜索类型文本字段的经验？

我很容易就达到了这个效果。我没有立即将自动搜索功能添加到字段，而是在用户第一次单击该字段后添加了自动搜索功能

以下是相关的代码块：

CSS：设置水印颜色

.autoSearch { color: #999; } .自动搜索{ 颜色：#999； } HTML：为文本框提供autoSearch类。我使用searchclass属性来 指定要搜索的搜索框

<input type="text" class="field autoSearch" searchclass="assign-filter" id="assign-search"/> Javascript：单击时清除该框并删除autoSearch类。添加自动搜索功能

$('.autoSearch').click(function() { $(this).val(''); $(this).removeClass('autoSearch'); $(this).autoSearch('.'+$(this).attr('searchclass')); }); $（'.autoSearch'）。单击（函数（）{ $（this.val（“”）； $（this.removeClass（'autoSearch'）； $（this.autoSearch（'.+$（this.attr（'searchclass'））； });

---

如果用户点击文本框，则不会触发click事件，因此水印不会被删除，而应该使用focus事件

$('.autoSearch').focus(function() {
        $(this).val('');
        $(this).removeClass('autoSearch');
        $(this).autoSearch('.'+$(this).attr('searchclass')); 
    });

---

如果用户点击文本框，则不会触发click事件，因此水印不会被删除，而应该使用focus事件。