摘要:本篇教程介绍了jQuery教程 在IE8及以下的浏览器中不支持placeholder属性如何解决,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
本篇教程介绍了jQuery教程 在IE8及以下的浏览器中不支持placeholder属性如何解决,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
<
以下代码解决了在IE8及以下浏览器中不支持placeholder属性。
原理:将placeholder的值作为内容写入控件,并添加控件事件来进行模拟。
;(function(){
if( !('placeholder' in document.createElement('input')) ){
// 匹配 除type=password以外所有input、textarea
$('input[placeholder][type!=password],textarea[placeholder]').each(function(){
var self = $(this),
text= self.attr('placeholder');
// 如果内容为空,则写入
if(self.val()===""){
self.val(text).addClass('placeholder');
}
// 控件激活,清空placeholder
self.focus(function(){
if(self.val()===text){
self.val("").removeClass('placeholder');
}
// 控件失去焦点,清空placeholder
}).blur(function(){
if(self.val()===""){
self.val(text).addClass('placeholder');
}
});
});
}
})();
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号