admin管理员组

文章数量:1558058

/**
 * 函数：实现ie浏览器对placeholder的兼容
 * 输入：
 * 输出：
**/
function compatiblePlaceholder(){
    var isPlaceholder = 'placeholder' in document.createElement('input');
    if (!isPlaceholder) {
        $("input[placeholder]").each(function() {
            var text = $(this).attr("placeholder");
            var $span = $('<span class="place_holder">'+ text +'</span>');
            $(this).before($span);
            var $that = $(this);
            $span.on("click focus",function() {
                $that.click();
            });
            $(this).click(function() {
                $(this).focus();
                $span.hide();
            });
            $(this).blur(function(){
                $span.show();
            });
        });
        $(".two_ph").each(function() {
            $(this).find(".place_holder").eq(1).addClass("for_ben_rate");
        });
    }
}

老版本ie浏览器不支持placeholder功能，为了实现该功能，有多个思路，以上是本人提供的一个思路，利用一个span标签来模拟placeholder。

本文标签： 浏览器Placeholder

版权声明：本文标题：实现ie浏览器对placeholder的兼容 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1727373473a1111438.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。