js实现搜索框鼠标点击,原先文本消失
2013.03.22
No Comments
js实现搜索框鼠标点击 原先文本消失，移开文本显示
<input type="text" id="txtSearch" runat="server" value="这里输入" autocomplete="off" name="srchtxt" onfocus="searchFocus(this);" onblur="searchBlur(this);"/>
js.代码
<script type="text/javascript">
function searchFocus(obj) {
if (obj.value == '这里输入') {
obj.value = '';
}
}
function searchBlur(obj) {
if (obj.value == '') {
obj.value = '这里输入';
}
}
</script>
在jquery
$(function){
$("txtSearch").click(function(){
var txt=$(this)val();
if(txt=="这里输入")
{
$(this).val();
}
});
$("txtSearch").blur(function(){
var txt=$(this).val();
if(txt=="")
{
$(this).val("这里输入");
}
});
});