首页 > 代码库 > 对于IE 10 以下版本placeholder的兼容性解决方案
对于IE 10 以下版本placeholder的兼容性解决方案
<!-- 对于IE 10 以下版本placeholder的兼容性调整 --> <!--[if lt IE 10]> <script> $(function(){ $("input[type!=‘password‘],textarea").bind({ "focus":function(){ var placeholderVal = $(this).attr("placeholder"); var realVal = $(this).val(); if($.trim(realVal)==placeholderVal){ $(this).val(""); } }, "blur":function(){ var placeholderVal = $(this).attr("placeholder"); var realVal = $(this).val(); if($.trim(realVal)==""){ $(this).val(placeholderVal); } } }); $("input[type!=‘password‘],textarea").each(function(i,n){ $(this).val($(this).attr("placeholder")); }); $("input[type=‘password‘]").bind({ "focus":function(){ var placeholderVal = $(this).attr("placeholder"); var realVal = $(this).val(); if($.trim(realVal)==placeholderVal){ var copy_this = $(this).clone(true,true); $(copy_this).attr("type","password"); $(copy_this).insertAfter($(this)); $(this).remove(); $(copy_this).val(""); $(copy_this).focus(); } }, "blur":function(){ var placeholderVal = $(this).attr("placeholder"); var realVal = $(this).val(); if($.trim(realVal)==""){ var copy_this = $(this).clone(true,true); $(copy_this).attr("type","text"); $(copy_this).insertAfter($(this)); $(this).remove(); $(copy_this).val(placeholderVal); } } }); $("input[type=‘password‘]").each(function(i,n){ var placeHolderVal = $(this).attr("placeholder"); var copy_this = $(this).clone(true,true); $(copy_this).attr("type","text"); $(copy_this).insertAfter($(this)); $(this).remove(); $(copy_this).val(placeHolderVal); }); }); </script> <![endif]-->
对于IE 10 以下版本placeholder的兼容性解决方案
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。