3

我正在使用 jquery 插件 wordFilter: http://people.apache.org/~gmonroe/wordFilter/index.html它提供了自动搜索功能,它允许根据输入到 text_field 中的文本自动过滤元素列表。

它工作得很好,但如果没有输入文本,我希望那里也有一个 text_field 水印。不幸的是,此文本会导致自动搜索触发。当然,我不希望这样,我希望在用户实际键入之前将其忽略。

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

4

2 回答 2

1

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

以下是相关的代码块:

CSS:设置水印颜色

.自动搜索 {
    颜色:#999;
}  

HTML:为文本框提供 autoSearch 类。我使用 searchclass 属性来指定搜索框将搜索

<input type="text" class="field autoSearch" searchclass="assign-filter" id="assign-search"/>

Javascript:清除该框并在单击时删除自动搜索类。添加自动搜索功能

$('.autoSearch').click(function() {
        $(this).val('');
        $(this).removeClass('autoSearch');
        $(this).autoSearch('.'+$(this).attr('searchclass'));
    });
于 2009-04-12T19:37:42.187 回答
0

如果用户选项卡到文本框,则不会触发 click 事件,因此不会删除水印,而是应该使用 focus 事件。

$('.autoSearch').focus(function() {
        $(this).val('');
        $(this).removeClass('autoSearch');
        $(this).autoSearch('.'+$(this).attr('searchclass')); 
    });
于 2009-07-29T14:42:45.777 回答