码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-04-21 13:33:50      阅读:169      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!