知识 分享 互助 懒人建站

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
知识 分享 互助!

input搜索框失去焦点和获得焦点jquery焦点事件插件

作者:佳明妈 来源:jquery 特效 2012-04-05 人气:
input失去焦点和获得焦点jquery焦点事件插件,鼠标在搜索框中点击的时候里面的文字就消失了。做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,每次都去写这个jquery特效非

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

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

高手一定觉得不屑一顾,不过总有新手不会的吗,
懒人建站也是把自己做网站的时候遇到的问题,整理出来分享给各位做网站的新人,希望你们能越来越NB,越来越赚钱。

部分js代码:
<script type="text/javascript">
$(document).ready(function(){
    //focusblur
    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>

演示html代码:
<form action="" method="post">
<input name="" type="text" value="输入搜索关键词" id="searchkey"/>
<input name="" type="submit" id="searchbtn" value="搜索"/>
</form>

↓ 查看全文

input搜索框失去焦点和获得焦点jquery焦点事件插件由懒人建站收集整理,您可以自由传播,请主动带上本文链接

懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

input搜索框失去焦点和获得焦点jquery焦点事件插件-最新评论