通过jQuery在IE中支持placeholder

来源：互联网发布：淘宝保证金计划不符合编辑：程序博客网时间：2024/05/16 16:23

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>Document</title></head><body>  <input type="text" placeholder="xxxxxxxx" />  <script src="jquery.min.js"></script>  <script>    $(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() {        /**判断浏览器是否支持 placeholder**/        return 'placeholder' in document.createElement('input');    }  </script></body></html>

0 0