placeholder 在ie6-8失效解决办法
来源:互联网 发布:人工智能应用文献综述 编辑:程序博客网 时间:2024/06/05 18:38
$(
function
(){
//判断浏览器是否支持placeholder属性
supportPlaceholder=
'placeholder'
in
document.createElement(
'input'
),
placeholder=
function
(input){
var
text = input.attr(
'placeholder'
),
defaultValue = input.defaultValue;
if
(!defaultValue){
input.val(text).addClass(
"phcolor"
);
}
input.focus(
function
(){
if
(input.val() == text){
$(
this
).val(
""
);
}
});
input.blur(
function
(){
if
(input.val() ==
""
){
$(
this
).val(text).addClass(
"phcolor"
);
}
});
//输入的字符不为灰色
input.keydown(
function
(){
$(
this
).removeClass(
"phcolor"
);
});
};
//当浏览器不支持placeholder属性时,调用placeholder函数
if
(!supportPlaceholder){
$(
'input'
).each(
function
(){
text = $(
this
).attr(
"placeholder"
);
if
($(
this
).attr(
"type"
) ==
"text"
){
placeholder($(
this
));
}
});
}
});
0 0
- placeholder 在ie6-8失效解决办法
- margin-bottom在IE6和IE7下失效的解决办法
- margin-bottom在IE6和IE7下失效的解决办法
- margin-bottom在IE6和IE7下失效的解决办法
- ie6-8 cursor 失效
- ie6 a hover 属性失效解决办法
- CSS编码问题导致CSS在IE6下失效不起作用解决办法
- 【浏览器兼容】在IE6下行高属性(line-height)失效的解决办法!
- 【转】margin-bottom在IE6和IE7下失效的解决办法
- placeholder 兼容 ie6/7/8/9
- 在IE6下z-index失效
- "overflow: hidden;"在IE6下失效了
- jquery的选择器$('')在IE6下对JS动态生成(比如ajax生成的)的元素失效的解决办法
- ie6下 line-height设置行高失效bug解决办法
- placeholder IE失效问题
- property-placeholder失效
- CSS文件添加 @charset "utf-8"; 可能会引起样式在IE6下失效
- CSS文件添加 @charset "utf-8"; 可能会引起样式在IE6下失效
- Python中基本的读文件和简单数据处理
- android图表框架XCL-Charts使用方法
- 关于进制转换(java)
- windows快捷方式图标小箭头管理
- 【leetcode】11. Container With Most Water
- placeholder 在ie6-8失效解决办法
- Graphics Driver 的编写
- iOS(8)iOS中几种数据持久化方案:我要永远地记住你!
- 程序设计基石与实践系列之运算符与选择语句编程
- Android 多线程-----AsyncTask详解
- 最小圆覆盖
- ruby线程操作(续)显示和停止线程
- String转byte[]
- 《maven实战》读书笔记