- 浏览: 626550 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 401Flutter和RN对比 Flutter介绍和主流框架的对比 ... -
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2021-02-01 20:37 377https://www.jb51.net/article/18 ... -
超链接实现post方式提交
2021-01-26 21:39 735https://lusaijie.blog.csdn.net/ ... -
Model模态框点击其他除了模态框区域不消失
2020-10-24 18:47 553问题: 相信许多的小伙伴在使用Model(模态框)的时候都遇到 ... -
jquery radio 动态控制选中失效问题的解决方法
2019-09-10 21:36 408性别选择 男女 通常是使用radio 在修改客户资料时 需要根 ... -
velocity判断空和null
2019-07-02 17:34 367https://jiangctry.iteye.com/blo ... -
超链接实现post方式提交
2019-07-02 14:05 666https://blog.csdn.net/yalishada ... -
jQuery实现checkbox全选功能完整实例
2019-02-27 19:34 395使用jQuery完成复选框的全选和全不选 https://bl ... -
如何在bootstrap模态框弹出后触发函数
2018-09-13 22:11 742如何在bootstrap模态框弹出后触发函数 https:// ... -
JQuery跳出each循环的方法(包含数组遍历)
2018-05-15 20:01 386https://www.cnblogs.com/fanbi/p ... -
Cookie和Session的作用和工作原理
2018-02-05 19:44 532http://blog.csdn.net/guoweimelo ... -
JQuery 插件之Ajax Autocomplete(ajax自动完成)
2018-01-01 21:49 504https://www.cnblogs.com/maxiao/ ... -
ajaxFileUpload 报这错jQuery.handleError is not a function
2016-12-08 15:56 466转自:http://zhangzhaoaaa.iteye.co ... -
ajax form表单提交 input file中的文件
2016-11-29 21:45 705http://www.cnblogs.com/Leo_wl/p ... -
jquery的几个CDN加速点
2016-10-31 13:59 501谷歌jquery cdn加速点 http://ajax.goo ... -
jquery cookie 插件下载
2016-10-20 17:02 607http://plugins.jquery.com/cooki ... -
JQuery 自动触发事件
2016-10-18 11:14 526有时候,需要通过模拟 ... -
jQuery中没有innerText、innerHtml
2016-09-29 10:47 416发现如果我在div或者其他非表单的标签中赋值,原本用普通的js ... -
JQuery处理json与ajax返回JSON实例代码
2016-09-28 16:32 485一、JSON的一些基础知识 ... -
jQuery Ajax异步处理Json数据详解
2016-09-28 15:03 541$.ajax({ type: &qu ...
相关推荐
本篇将详细介绍如何使用一个名为"placeholderfriend.js"的jQuery插件,在IE浏览器下实现`placeholder`效果。 首先,我们来看`placeholderfriend.js`插件的基本原理。这个插件的工作机制是通过监听页面加载和输入框...
4. **兼容性处理**:插件如何检测浏览器是否支持原生的placeholder,以及在不支持的情况下如何模拟这个功能。 5. **自定义设置**:可能提供一些可配置的选项,让用户可以根据自己的需求调整提示文本的样式、行为等...
### jQuery 解决 Placeholder 不换行、不居中问题详解 #### 一、问题背景与概述 在网页开发中,为了提升用户体验,我们经常会在输入框中使用 `placeholder` 属性来提示用户应该输入什么类型的信息。然而,在某些...
然而,一些较旧或非主流的浏览器并不支持这个特性,这就需要像`jQuery Placeholder`这样的插件来提供兼容性。 `jQuery Placeholder`的工作原理是通过JavaScript模拟`placeholder`的效果。它会在页面加载完成后查找...
使用该插件(jquery.placeholder.js)解决IE9及以版本下对placeholder的兼容性问题
`jQuery`作为一个广泛使用的JavaScript库,可以用来为这些不支持`placeholder`属性的浏览器提供兼容性解决方案。本文将深入解析一个使用jQuery实现`placeholder`功能的源码,并探讨其工作原理。 首先,让我们理解`...
标题中的"IE7浏览器处理兼容input placeholder"是指如何在不支持`placeholder`属性的IE7浏览器中模拟这一功能。这个问题的解决方案通常依赖于JavaScript库,例如在给定的压缩包中包含的`jquery.placeholder.min.js`...
标签“js placeholder IE兼容”进一步确认了我们讨论的主题,即使用JavaScript来处理`placeholder`属性的IE兼容性问题。JavaScript可以用来检测浏览器类型和版本,然后在不支持`placeholder`属性的IE浏览器中动态...
为了解决这个问题,我们可以利用jQuery库来实现对IE的兼容性支持。jQuery是一款强大的JavaScript库,它提供了一套简洁的API,能够简化DOM操作、事件处理以及Ajax交互等任务。对于`placeholder`属性的支持,我们可以...
在IT行业中,jQuery库是网页开发中不可或缺的一部分,它极大地简化了JavaScript的使用,使得DOM操作、事件处理、动画效果以及Ajax交互变得更加便捷。而"15种表单占位符placeholder动画jquery插件"正是基于jQuery的一...
低版本的浏览器不支持html5的placeholder属性,想要兼容该问题,需要利用js来处理。
同时,它还展示了如何通过工具方法的使用、事件处理、以及渐进增强的思路来开发一个兼容性良好的插件。通过这篇文章,开发者可以学习到如何为现代网页添加兼容性补丁,确保各种浏览器上的用户都能有一个良好的体验。
在这个场景下,它将作为实现`placeholder`兼容性的基础,因为jQuery提供了一致的API来处理不同浏览器之间的差异。 `common_util.js`可能包含了一些通用的JavaScript工具函数,这些函数可能被用来辅助实现`...
然而,`placeholder`属性在某些老旧的浏览器或不完全支持HTML5的环境中可能无法正常工作,这就需要我们通过JavaScript进行兼容性处理,以确保所有用户都能获得一致的体验。 首先,理解`placeholder`属性的基本用法...
`jQuery Placeholder`插件就是这样的一个解决方案,它为不支持`placeholder`属性的浏览器提供了一个优雅的降级处理。 本文将深入探讨`jQuery Placeholder`插件的工作原理、如何使用以及其在解决IE浏览器兼容性问题...
`placeholder` 属性的原生支持始于 HTML5,因此,对于那些不支持 HTML5 的浏览器,如 IE8 和 IE9,我们需要通过 JavaScript 或 jQuery 插件来模拟这一功能。在描述中提到的方法是通过创建一个 `<span>` 元素来显示...
- "jquery-placeholder" 插件旨在兼容那些不支持原生 `placeholder` 特性的浏览器,如老版本的 Internet Explorer。 - 当浏览器本身已经支持 `placeholder` 属性时,该插件将自动检测并跳过,以避免不必要的处理,...