码迷,mamicode.com
首页 > 其他好文 > 详细

让IE低版本浏览器也支持placeholder属性

时间:2014-12-22 12:49:49      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>让IE低版本浏览器也支持placeholder属性</title>
    <script type="text/javascript"  src="http://ajax.microsoft.com/ajax/jquery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            if (/MSIE\s(\d+)/.test(navigator.userAgent) && navigator.userAgent.match(/MSIE\s(\d+)/)[1] < 10) {
                $(‘[placeholder]‘).each(function () {
                    var pla = $(this).attr(‘placeholder‘);
                    $(this).focus(function () {
                        if ($(this).val() == pla) {
                            $(this).val(‘‘);
                        }
                    }).blur(function () {
                        if ($(this).val() == ‘‘) {
                            $(this).val(pla);
                        }
                    });
                    $(this).trigger(‘blur‘);//此处利用blur事件,为了业务需求。防止页面上查询后,文本框需要保留搜索的关键被placeholder代替
                });
            }
        });
    </script>
</head>
<body>
    <input type="text" placeholder="请输入关键字" />
</body>
</html>

让IE低版本浏览器也支持placeholder属性

标签:

原文地址:http://www.cnblogs.com/liaohaihui/p/4177868.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!