解决placeholder对ie9及以下的不兼容
程序员文章站
2022-06-28 10:16:17
具体的看代码,都写在注释里了,欢迎讨论 ......
具体的看代码,都写在注释里了,欢迎讨论
<script> $(function () { /* *页面加载立刻执行 *@method:each遍历每个包含placeholder属性的对象(input) * */ $('[placeholder]').each(function () { //使每个input的value等于placeholder的值 $(this).val($(this).attr('placeholder')); }) }); /* * 焦点获取:点击时,使value的值为空 * */ $('[placeholder]').focus(function () { //如果此时有值,且不等于placeholder,就不做任何操作,否则清空输入框 if($(this).val() == $(this).attr('placeholder')){ $(this).val(''); } }); /* * 焦点失去:没有输入时,value显示placeholder * */ $('[placeholder]').blur(function() { if ($(this).val() == '') { $(this).val($(this).attr('placeholder')); } }); /* * 没有输入的时候,此时value是placeholder,不能把它提交过去。要做另外的处理 * */ $('form').submit(function () { //遍历所有对象,并为他们执行方法 $('[placeholder]').each(function () { //如果没有输入,提交前使value为空 if($(this).val() == $(this).attr('placeholder')){ $(this).val(''); } }); }); </script>
上一篇: redis读书笔记
下一篇: win10更新蓝牙鼠标会断连怎么解决?
推荐阅读
-
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
-
win10系统总是弹出你要允许以下程序对计算机进行更改的原因及解决方法图文教程
-
解决placeholder对ie9及以下的不兼容
-
对浏览器css兼容性的学习理解及问题解决汇总
-
win10系统总是弹出你要允许以下程序对计算机进行更改的原因及解决方法图文教程
-
求解CSS3中box属性在IE9及以下无法兼容的问题!_html/css_WEB-ITnose
-
对浏览器css兼容性的学习理解及问题解决汇总_html/css_WEB-ITnose
-
对浏览器css兼容性的学习理解及问题解决汇总_html/css_WEB-ITnose
-
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
-
求解CSS3中box属性在IE9及以下无法兼容的问题!_html/css_WEB-ITnose