placeholder在瀏覽器ie9以下不支持之一種解決方法

本文轉載自查看原文 2017-05-11 08:31 2528

一直聽說有這種方法，可是一直沒有付出行動做出來，有句話說的好：如果只是向往，遠方永遠是遠方！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>i9以下placeholder消失不見了</title>
</head>
<script src="js/jquery.min.js"></script>
<style>
    .placeholder{ color: #999;}
</style>
<body>
<form>
    <label for="name">用戶名：</label>
    <input type="text" placeholder="請輸入用戶名"/>
</form>

</body>
<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>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ie9以下不支持html5 解決方法解決IE9以下版本瀏覽器不支持HTML5標簽的問題在IE8及以下的瀏覽器中，不支持placeholder屬性的解決辦法解決ie9以下不支持h5 以及不支持css3 OkHttp在4.4及以下不支持TLS協議的解決方法 IE9 下面, XMLHttpRequest 是不支持跨域請求的解決方法解決ie8及以下不支持css3中的:nth-child()選擇器問題 chorme瀏覽器不支持audio/video中的autoplay屬性的解決方法 chorme瀏覽器不支持audio/video中的autoplay屬性的解決方法 IE瀏覽器不支持Promise對象