placeholder属性兼容js支持
2015-03-25 17:53
375 查看
$(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)); } }); } });
相关文章推荐
- html5属性placeholder的js 向下兼容支持(jquery版)
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- 让低版本浏览器支持input的placeholder属性(js方法)
- 让IE支持placeholder属性,兼容IE6,7,8,9
- 让ie支持placeholder属性,一段js搞定
- IE678910不兼容H5的placeholder属性,需要JS解决
- js兼容的placeholder属性详解
- js判断input标签是否支持placeholder属性
- js导出数据,浏览器(内核必须支持<a> download 属性或Blob对象创建)兼容
- js兼容的placeholder属性详解
- js兼容的placeholder属性详解
- 让低版本浏览器支持input的placeholder属性(js方法)
- 兼容其他不支持placeholder的浏览器(超强的让IE下支持placeholder的属性插件)
- js中对象不支持此属性或方法
- 基于jQuery的让非HTML5浏览器支持placeholder属性的代码
- Ext3.3在Ie8中报错ext-all.js对象不支持此属性和方法
- 兼容IE,Firefox,CSS3 opacity透明度-FireFox 3.5+不支持-moz-opacity属性
- asp.net 文件路径问题,Png图片透明问题,js提示对象不支持属性和方法的解决方案
- JS 自动提交表单时 报“对象不支持此属性”错误
- asp.net中js调用activex的方法提示“该对象不支持此属性或方法”