首页 > 其他 > 详细

placeholder兼容

时间:2016-01-21 23:09:23      阅读:149      评论:0      收藏:0      [点我收藏+]

    <!------------placeholder兼容------------->
<script type="text/javascript">
    $(function () {
        if (!placeholderSupport()) {   // 判断浏览器是否支持 placeholder
            $(‘[placeholder]‘).focus(function () {
                var input = $(this);
                if (input.val() == input.attr(‘placeholder‘)) {
                    input.val(‘‘);
                    input.removeClass(‘placeholder‘);
                }
            }).blur(function () {
                var input = $(this);
                if (input.val() == ‘‘ || input.val() == input.attr(‘placeholder‘)) {
                    input.addClass(‘placeholder‘);
                    input.val(input.attr(‘placeholder‘));
                }
            }).blur();
        };
    })
    function placeholderSupport() {
        return ‘placeholder‘ in document.createElement(‘input‘);
    }

</script>
    <!------end------->

placeholder兼容

原文:http://www.cnblogs.com/zhouyx/p/5149471.html

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