jquery - 单击后如何清除输入文本

Question

使用 jQuery，如何在单击后清除输入文本？默认情况下，该值保留在输入字段中。

比如我有一个输入文本，值为TEXT。当我执行点击时，我希望输入字段变为空。

Answer 1

要删除默认文本，请单击该元素:

$('input:text').click(
    function(){
        $(this).val('');
    });

不过，我建议改用 focus():

$('input:text').focus(
    function(){
        $(this).val('');
    });

它也响应键盘事件(例如 Tab 键)。此外，您可以在元素中使用 placeholder 属性:

<input type="text" placeholder="default text" />

这将清除元素的焦点，并在元素保持为空/用户未输入任何内容时重新出现。