- 浏览: 587252 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (819)
- java开发 (110)
- 数据库 (56)
- javascript (30)
- 生活、哲理 (17)
- jquery (36)
- 杂谈 (15)
- linux (62)
- spring (52)
- kafka (11)
- http协议 (22)
- 架构 (18)
- ZooKeeper (18)
- eclipse (13)
- ngork (2)
- dubbo框架 (6)
- Mybatis (9)
- 缓存 (28)
- maven (20)
- MongoDB (3)
- 设计模式 (3)
- shiro (10)
- taokeeper (1)
- 锁和多线程 (3)
- Tomcat7集群 (12)
- Nginx (34)
- nodejs (1)
- MDC (1)
- Netty (7)
- solr (15)
- JSON (8)
- rabbitmq (32)
- disconf (7)
- PowerDesigne (0)
- Spring Boot (31)
- 日志系统 (6)
- erlang (2)
- Swagger (3)
- 测试工具 (3)
- docker (17)
- ELK (2)
- TCC分布式事务 (2)
- marathon (12)
- phpMyAdmin (12)
- git (3)
- Atomix (1)
- Calico (1)
- Lua (7)
- 泛解析 (2)
- OpenResty (2)
- spring mvc (19)
- 前端 (3)
- spring cloud (15)
- Netflix (1)
- zipkin (3)
- JVM 内存模型 (5)
- websocket (1)
- Eureka (4)
- apollo (2)
- idea (2)
- go (1)
- 业务 (0)
- idea开发工具 (1)
最新评论
-
sichunli_030:
对于频繁调用的话,建议采用连接池机制
配置TOMCAT及httpClient的keepalive以高效利用长连接 -
11想念99不见:
你好,我看不太懂。假如我的项目中会频繁调用rest接口,是要用 ...
配置TOMCAT及httpClient的keepalive以高效利用长连接
/* .placeholder{ color: #aaa!important; } span.placeholder{ position: absolute; left: 0; line-height: 34px; padding-left: 12px; } */ var browserSupport = { placeholder: 'placeholder' in document.createElement('input') } /* ajax请求发现未登录时,服务端返回401错误,然后此处统一处理401错误,跳转到登录页面 */ $(document).ready(function() { //模拟placeholder if( !browserSupport.placeholder){ $('input[placeholder],textarea[placeholder]').each(function(){ var that = $(this), text= that.attr('placeholder'), oldType; if(that.val()===""){ if(that.attr('type') != 'password'){ that.val(text).addClass('placeholder'); }else{ that.before('<span class="placeholder">请输入密码</span>'); } } that.focus(function(){ //ie8下readonly依然可以上焦点的处理 if(that.attr('readonly')){ that.blur(); return; } //清除span.placeholder that.prev("span.placeholder").remove(); that.removeClass('placeholder'); if(that.val()===text){ that.val(""); } }).blur(function(){ if(that.val()===""){ if(that.attr('type') != 'password'){ that.val(text).addClass('placeholder'); }else{ that.before('<span class="placeholder">请输入密码</span>'); } //防止异常情况:当有placeholder类,且值不为空(代码设置值时容易出现) }else{ that.removeClass('placeholder'); } }).closest('form').submit(function(){ if(that.val() === text){ that.val(''); } }); }); $(document).on('click','span.placeholder',function(){ $(this).next("[placeholder]").focus(); //删除span.placeholder会在[placeholder]的focus中进行 }) } })
参考:http://www.cnblogs.com/chuaWeb/p/5062671.html
发表评论
-
Flutter和RN对比
2021-10-22 11:33 323Flutter和RN对比 Flutter介绍和主流框架的对比 ... -
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2021-02-01 20:37 326https://www.jb51.net/article/18 ... -
超链接实现post方式提交
2021-01-26 21:39 666https://lusaijie.blog.csdn.net/ ... -
Model模态框点击其他除了模态框区域不消失
2020-10-24 18:47 507问题: 相信许多的小伙伴在使用Model(模态框)的时候都遇到 ... -
jquery radio 动态控制选中失效问题的解决方法
2019-09-10 21:36 370性别选择 男女 通常是使用radio 在修改客户资料时 需要根 ... -
velocity判断空和null
2019-07-02 17:34 328https://jiangctry.iteye.com/blo ... -
超链接实现post方式提交
2019-07-02 14:05 595https://blog.csdn.net/yalishada ... -
jQuery实现checkbox全选功能完整实例
2019-02-27 19:34 362使用jQuery完成复选框的全选和全不选 https://bl ... -
如何在bootstrap模态框弹出后触发函数
2018-09-13 22:11 701如何在bootstrap模态框弹出后触发函数 https:// ... -
JQuery跳出each循环的方法(包含数组遍历)
2018-05-15 20:01 346https://www.cnblogs.com/fanbi/p ... -
Cookie和Session的作用和工作原理
2018-02-05 19:44 494http://blog.csdn.net/guoweimelo ... -
JQuery 插件之Ajax Autocomplete(ajax自动完成)
2018-01-01 21:49 468https://www.cnblogs.com/maxiao/ ... -
ajaxFileUpload 报这错jQuery.handleError is not a function
2016-12-08 15:56 419转自:http://zhangzhaoaaa.iteye.co ... -
ajax form表单提交 input file中的文件
2016-11-29 21:45 657http://www.cnblogs.com/Leo_wl/p ... -
jquery的几个CDN加速点
2016-10-31 13:59 443谷歌jquery cdn加速点 http://ajax.goo ... -
jquery cookie 插件下载
2016-10-20 17:02 565http://plugins.jquery.com/cooki ... -
JQuery 自动触发事件
2016-10-18 11:14 488有时候,需要通过模拟 ... -
jQuery中没有innerText、innerHtml
2016-09-29 10:47 366发现如果我在div或者其他非表单的标签中赋值,原本用普通的js ... -
JQuery处理json与ajax返回JSON实例代码
2016-09-28 16:32 445一、JSON的一些基础知识 ... -
jQuery Ajax异步处理Json数据详解
2016-09-28 15:03 499$.ajax({ type: &qu ...
相关推荐
使用该插件(jquery.placeholder.js)解决IE9及以版本下对placeholder的兼容性问题
jQuery placeholder实现源码(兼容所有浏览器)
foxholder.js是一款表单占位符placeholder动画jquery插件。该placeholder动画共有15种动画效果,它使用简单,兼容性好,值得推荐。
低版本的浏览器不支持html5的placeholder属性,想要兼容该问题,需要利用js来处理。
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
兼容ie jquery.placeholder 代码事例。
Bootstrap在开发文档中写了如何使用进行兼容IE8,如果想兼容IE6,IE7,可以搜索bsie (bootstrap2),此压缩文件中包含了我解决问题时所找到的所有js包括:html5shiv.min.js,jquery.placeholder.js,jquery-1.12.0.min....
主要介绍了两种方法基于jQuery实现IE浏览器兼容placeholder效果,需要的朋友可以参考下
本文实例讲述了jQuery实现IE输入框完成placeholder标签功能的方法。分享给大家供大家参考,具体如下: 如果在输入框加上placeholder=”xx”属性,例如: <input type="text" placeholder="请输入关键词"/> ...
针对input的默认值,html5有新加的placeholder属性, 但是该属性浏览器兼容性较差, 所以就自定义了diyplaceholder属性, 作为jquery插件,满足浏览器兼容.
placeHolder是html5加入的新属性,此代码基于jQuery实现placeholder属性功能。
解决兼容ie8 无法显示 placeholder 问题插件(jQuery)。
包含jquery.placeholder.min.js,jquery.placeholder.js,jquery-1.11.3.min.js,以及使用样例html
jQuery Placeholder 是一个实用程序,用于在 IE 和非 html5 兼容浏览器中启用 HTML5 占位符文本,由开发,现已集成到 Rails 资产管道中。 有关更多详细信息,请参阅 。 安装 将此行添加到应用程序的 Gemfile 中: ...
但是在低版本的浏览器却不支持这个placeholder属性,那么真的要在低版本浏览器也要实现跟placeholder一样的效果,就需要写个插件来兼容下,下面就细讲一下怎样用jquery来实现这个模拟效果。 实现这个模拟效果,
//placeholder兼容性 function isPlaceholer(){ var input = document.createElement('input'); return "placeholder" in input; } 该函数的结果返回 true or false 以上这篇jquery 判断是否支持Placeholder属性...
主要介绍了jQuery实现HTML5 placeholder效果实例,本文目的主要是在需要兼容一些浏览器时使用,需要的朋友可以参考下
link rel =" stylesheet " href =" path/to/jquery.placeholder.css " > < script type =" text/javascript " src =" path/to/jquery.placeholder.js " > </ script > 就这样! 浏览器支持 IE6 + ...