<script type="text/javascript"> $(document).ready(function(){ jQuery.focusblur=function(focusid){ var focusblurid=$(focusid); var defval=focusblurid.val(); focusblurid.focus(function(){ var thisval = $(this).val(); if(thisval==defval){ $(this).val(""); } }); focusblurid.blur(function(){ var thisval = $(this).val(); if(thisval==""){ $(this).val(defval); } }); }; $.focusblur("#searchkey"); }); </script> </head> <body> <form action="#" method="post" name="myform"> <input name="mytext" type="text" value="输入搜索关键词" id="searchkey"/> <input type="submit" id="searchbtn" value="搜索"/> </form> </body> </html>
js最后一句运行$.focusblur("#searchkey");的目的是什么。
按说点击文本框的时候应该调用focusblur()函数才能执行操作,但是这里为什么点击文本框没有调用此函数就能执行操作了
实际是有执行函数的
这个就是点击文本框
focusblurid.focus(function(){
var thisval = $(this).val();
if(thisval==defval){
$(this).val("");
}
});
它所执行的函数
==================
$.focusblur("#searchkey")的目的是向目标对象(#searchkey)注册两个事件focus(获得焦点)和blur(失去焦点)