input失去焦点和获得焦点jquery焦点事件
input失去焦点和获得焦点jquery焦点事件插件，
⿏标在搜索框中点击的时候⾥⾯的⽂字就消失了。
我们在做⽹站的时候经常会⽤到搜索框的获得焦点和失去焦点的事件，因为懒，每次都去写⾮常的烦，于是就⼀劳永逸，遇到类似情况就来调⽤⼀下就OK 了
相关js代码:
1<html xmlns="/1999/xhtml">
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
4<title>input失去焦点和获得焦点jquery焦点事件插件 - 懒⼈建站</title>
5<script src="leapis/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
6<script type="text/javascript">
blur事件7 $(document).ready(function(){
8//focusblur
9    jQuery.focusblur = function(focusid) {
10var focusblurid = $(focusid);
11var defval = focusblurid.val();
12        focusblurid.focus(function(){
13var thisval = $(this).val();
14if(thisval==defval){
15                $(this).val("");
16            }
17        });
18        focusblurid.blur(function(){
19var thisval = $(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<form action="" method="post">
34<input name="" type="text" value="输⼊搜索关键词" id="searchkey"/>
35<input name="" type="submit" id="searchbtn" value="搜索"/>
36</form>
37<p>input失去焦点和获得焦点jquery焦点事件插件，<br/><strong >⿏标在搜索框中点击的时候⾥⾯的⽂字就消失了</strong>。</p>
38
39</body>
40</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。