跨浏览器的placeholder-jQuery版(jQuery插件EnPlaceholder) 兼容ie8浏览器

转载 2016年08月29日 10:31:28

案例:整搜索框,需要默认占位符为“请输入关键词”,获取焦点时,占位符消失或不可用(不影响正常输入),丢失焦点后,若用户无内容输入,占位符继续出现,继续占位。这种代码我想前端们已经很容易就写出来了吧,现在HTML5原生就有这个“placeholder”属性,效果与上边案例描述的一样(各支持的浏览器内部表现可能不一致,但是作用是一致的),那么这一属性该怎么优雅降级到支持所有现代浏览器呢?答案还是脚本即JavaScript。

下面我们就使用 Jquery 的 enplaceholder 插件来实现这个效果.

效果演示界面 http://www.ifrans.cn/demo/enplaceholder.html

用法:

首先在head中分别引入jQuery及本插件

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="jquery.enplaceholder.js"></script>

然后就可以调用鸟

//通过value模拟placeholder

$('input').placeholder();

//通过插入span元素模拟placeholder

$('input').placeholder({isUseSpan:true});

转载:梨花驿路

相关文章推荐

css3新属性placeholder兼容ie7/ie8

IE7和IE8发布时间较早,而且微软老版本浏览器支持一向不好,css3的新属性placeholder在IE7和IE8上完全不支持(本人已完全放弃IE6),为了让IE7和IE8也能够用上如此好用的css...

placeholder兼容IE8解决方案

1、原因:placeholder是h5的新属性,老版本的IE浏览器不支持此属性。 2、解决方法:jQuery三方插件  jquery-placeholder 3、快速开始: test ...
  • fb_01
  • fb_01
  • 2015-12-11 09:19
  • 4482

对于ie8和ie8一下版本不支持placeholder(文本框提示信息)的解决方案

最近项目中用到要在文本框中或文本域中添加提示信息,如常见的登录。发现jquery.placeholder.1.3.js的插件不支持ie8以及一下版本,经过查找上网查找,找到如下解决方案。 下边先给出...

IE8下placeholder提示信息的展示

//ie8下的placeholder展示     if( !('placeholder' in document.createElement('input')) ){           ...

ImageFlow 图片显示插件-兼容IE8和Chrome浏览器

ImageFlow 图片显示插件 兼容IE8和Chrome浏览器好像有时里面图片放大的比较大,不知道为什么,没仔细研究,插件很强大,有待深入研究 <html

jquery-form.js 兼容IE8 IE9等以上火狐谷歌等浏览器

最近做了一个文件上传 用ajaxfileupload.js 在火狐 谷歌 IE9及以上版本可用  为了兼容IE8  找到了jquery-form.js html 代码:            ...

关于html5标签PlaceHolder 兼容IE8,IE9浏览器

(function($) { $.fn.PlaceHolder = function(className) { var _set = function($em, opt) { ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)