Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容
文本框如下:
<input type="text" value="请输入关键字" id="search" />
JS代码如下:
$("#search").focus(function cls() {
//捕获触发事件的对象,并设置为以下语句的默认对象
with (event.srcElement)
//如果当前值为默认值,则清空
if (value == defaultValue) value = ""
});
$("#search").blur(function res() {
//捕获触发事件的对象,并设置为以下语句的默认对象
with (event.srcElement)
//如果当前值为空,则重置为默认值
if (value == "") value = defaultValue
});
//捕获触发事件的对象,并设置为以下语句的默认对象
with (event.srcElement)
//如果当前值为默认值,则清空
if (value == defaultValue) value = ""
});
$("#search").blur(function res() {
//捕获触发事件的对象,并设置为以下语句的默认对象
with (event.srcElement)
//如果当前值为空,则重置为默认值
if (value == "") value = defaultValue
});