切换文本输入值和搜索

Question

嗨，我在切换/搜索我的文本输入时遇到了问题，下面是我使用的一个函数：

function toggleSearch(obj) {
                var el = document.getElementById(obj);
                el.value = (el.value != '' ? '' : 'Search' );
            }

我在文本输入的焦点/模糊中调用了这个函数，当我通过按return键提交表单时，它就像一个护身符一样工作，但当我自然地单击搜索按钮时，它就不起作用了，因为我调用这个函数来触发模糊。

当我在输入上按回车键和单击搜索按钮时，我如何修改此函数以同时支持这两种情况？谢谢

Answer 1

最简单的方法是在清除文本之前检查短语" Search“，然后在再次放入搜索之前检查是否有空框。例如：

if (el.value == 'Search') {
    el.value = '';
}
else if (el.value == '') {
    el.value = 'Search';
}

Answer 2

您也可以随时调用toggleSearch作为提交按钮的onclick调用。