zoukankan      html  css  js  c++  java
  • input失去焦点和获得焦点jquery焦点事件

    input失去焦点和获得焦点jquery焦点事件插件,
    鼠标在搜索框中点击的时候里面的文字就消失了

    我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了

    相关js代码:

     1 <html xmlns="http://www.w3.org/1999/xhtml">
    2 <head>
    3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4 <title>input失去焦点和获得焦点jquery焦点事件插件 - 懒人建站</title>
    5 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    6 <script type="text/javascript">
    7 $(document).ready(function(){
    8 //focusblur
    9 jQuery.focusblur = function(focusid) {
    10 var focusblurid = $(focusid);
    11 var defval = focusblurid.val();
    12 focusblurid.focus(function(){
    13 var thisval = $(this).val();
    14 if(thisval==defval){
    15 $(this).val("");
    16 }
    17 });
    18 focusblurid.blur(function(){
    19 var thisval = $(this).val();
    20 if(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 style="color:#F00">鼠标在搜索框中点击的时候里面的文字就消失了</strong></p>
    38
    39 </body>
    40 </html>

    文章来自懒人建站:http://www.51xuediannao.com/js/jquery/jquery_focusblur.html

    EXEC dbo.success '坚持','细心','计划'
  • 相关阅读:
    ASP.NET编程的十大技巧
    C#学习心得(转)
    POJ 1177 Picture (线段树)
    POJ 3067 Japan (树状数组)
    POJ 2828 Buy Tickets (线段树)
    POJ 1195 Mobile phones (二维树状数组)
    HDU 4235 Flowers (线段树)
    POJ 2886 Who Gets the Most Candies? (线段树)
    POJ 2418 Cows (树状数组)
    HDU 4339 Query (线段树)
  • 原文地址:https://www.cnblogs.com/weeky/p/2438002.html
Copyright © 2011-2022 走看看