首页 > Web开发 > 详细

JQuery输入框获取/失去焦点行为

时间:2016-04-21 13:31:38      阅读:266      评论:0      收藏:0      [点我收藏+]
//搜索框获取焦点清除内容
$(function() {
    $("input").focus(function() { //获取焦点,清空默认内容
        $(this).css(‘color‘, ‘black‘).addClass(‘focus‘);
        if ($(this).val() == this.defaultValue) {
            $(this).val(‘‘);
        }
    }).blur(function() { //失去焦点,若没有内容,则恢复默认内容;有内容则不变
        $(this).removeClass(‘focus‘);
        if ($(this).val() == ‘‘) {
            $(this).val(this.defaultValue).css(‘color‘, ‘#aaa‘);
        }
    });
});

注:.focus只是输入框的css效果,可以忽略

JQuery输入框获取/失去焦点行为

原文:http://www.cnblogs.com/3body/p/5416369.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!