input失去焦点和获得焦点jquery焦点事件
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>input失去焦点和获得焦点jquery焦点事件插件-懒人建站</title>
<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(function(){
//focusblur
jQuery.focusblur=function(focusid){
varfocusblurid=$(focusid);
vardefval=focusblurid.val();
focusblurid.focus(function(){
13varthisval=$(this).val();
14if(thisval==defval){
15$(this).val("");
16}
17});
18focusblurid.blur(function(){
19varthisval=$(this).val();
20if(thisval==""){
21$(this).val(defval);
22}
23});
24
25};
26/*下面是调用方法*/
27$.focusblur("#searchkey");
28});
29</script>
30</head>
31
32<body>
33<formaction=""method="post">
34<inputname=""type="text"value="输入搜索关键词"id="searchkey"/>
35<inputname=""type="submit"id="searchbtn"value="搜索"/>
36</form>
37<p>input失去焦点和获得焦点jquery焦点事件插件，<br/><strongstyle="color:#F00">鼠标在搜索框中点击的时候里面的文字就消失了</strong>。</p>
38
39</body>
40</html>