对于IE 10 以下版本placeholder的兼容性解决方案

<!-- 对于IE 10 以下版本placeholder的兼容性调整 -->
<!--[if lt IE 10]>
<script>
$(function(){

	$("input[type!=‘password‘],textarea").bind({
		"focus":function(){
			var placeholderVal = $(this).attr("placeholder");
			var realVal = $(this).val();
			if($.trim(realVal)==placeholderVal){
				$(this).val("");
			}
		},
		"blur":function(){
			var placeholderVal = $(this).attr("placeholder");
			var realVal = $(this).val();
			if($.trim(realVal)==""){
				$(this).val(placeholderVal);
			}
		}
	});

	$("input[type!=‘password‘],textarea").each(function(i,n){
		$(this).val($(this).attr("placeholder"));
	});

	$("input[type=‘password‘]").bind({
		"focus":function(){
			var placeholderVal = $(this).attr("placeholder");
			var realVal = $(this).val();
			if($.trim(realVal)==placeholderVal){
				var copy_this = $(this).clone(true,true);
				$(copy_this).attr("type","password");
				$(copy_this).insertAfter($(this));
				$(this).remove();
				$(copy_this).val("");
				$(copy_this).focus();
			}
		},
		"blur":function(){
			var placeholderVal = $(this).attr("placeholder");
			var realVal = $(this).val();
			if($.trim(realVal)==""){
				var copy_this = $(this).clone(true,true);
				$(copy_this).attr("type","text");
				$(copy_this).insertAfter($(this));
				$(this).remove();
				$(copy_this).val(placeholderVal);
			}
		}
	});

	$("input[type=‘password‘]").each(function(i,n){
		var placeHolderVal = $(this).attr("placeholder");
		var copy_this = $(this).clone(true,true);
		$(copy_this).attr("type","text");
		$(copy_this).insertAfter($(this));
		$(this).remove();
		$(copy_this).val(placeHolderVal);
	});
});
</script>
<![endif]-->

时间: 2024-11-05 20:38:36

对于IE 10 以下版本placeholder的兼容性解决方案的相关文章

解决HTML5中placeholder属性兼容性的JQuery插件

//调用方法 $(function () {   $(".pHolder").jason(); }); //HTML代码 <input type="text" class="pHolder" placeholder="请输入姓名" /> //jquery插件 ($.fn.jason = function(a) {    var b = {        focus: "black",      

gstreamer 10.5版本发布啦

??????,今天偶逛gstreamer 官网:https://gstreamer.freedesktop.org/releases/gst-plugins-bad/1.10.5.html 在10.5版本的release memo 中竟然见自己名字列在名单中,果断截图做个纪念.

Windows 10 正式版本KMS激活key:Win10 TH1 Pro 10240.ESD专业、

10 正式版本KMS激活key:Win10 TH1 Pro 10240.ESD专业.企业.教育" title="Windows 10 正式版本KMS激活key:Win10 TH1 Pro 10240.ESD专业.企业.教育"> Windows 10 正式版本KMS激活key:Win10 TH1 Pro 10240.ESD专业.企业.教育版 基于Win10 TH1 Pro 10240.ESD  X86/X64专业.企业.教育版6合1 增强 制作 自动KMS Windows

solr-4.10.2版本使用tomcat7部署

当前版本仅限于solr-4.10.2版本.默认环境使用的是jdk1.7,tomcat7.环境自己配置.网上一堆堆的. 1.下载相应的文件(solr-4.10.2.zip). 官网地址:http://lucene.apache.org/solr/ 2.将solr-4.10.2.zip文件解压.例:F:\solr-4.10.2 3.找到F:\solr-4.10.2\example目录中的solr文件,复制一份至硬盘中,并改名为solrHome(F:\solrHome). 4.找到F:\solrHom

jquery.min.js v1.10.3版本autocomplete方法会在text前添加搜索出多少项的文本信息 要去除

http://stackoverflow.com/questions/13011127/how-to-remove-change-jquery-ui-autocomplete-helper-text How to remove/change JQuery UI Autocomplete Helper text? It seems that this is a new feature in JQuery UI 1.9.0, because I used JQuery UI plenty of ti

kubernetes 1.10.1 版本 部署

kubernetes组件 Master组件: kube-apiserver Kubernetes API,集群的统一入口,各组件协调者,以HTTP API提供接口服务,所有对象资源的增删改查和监听操作都交给APIServer处理后再提交 kube-controller-manager 处理集群中常规后台任务,一个资源对应一个控制器,而ControllerManager就是负责管理这些控制器的. kube-scheduler 根据调度算法为新创建的Pod选择一个Node节点. Node组件: ku

Windows 10 ADK 版本及下载链接汇总

Windows 评估和部署工具包 (Windows ADK) 具有自定义大规模部署的 Windows 映像以及测试系统.添加的组件和在该系统上运行的应用程序的质量和性能所需的工具. Windows ADK 包括: 用于评估系统或组件的质量和性能的 Windows 评估工具包和 Windows Performance Toolkit. 你可以使用部署工具(例如 WinPE.Sysprep 和其他工具)自定义和部署 Windows 10 映像. 本文对Windows 10 ADK版本和下载地址进行简

CSS的兼容性解决方案

什么是兼容性? 同一个网页,在不同浏览器下(IE6.IE7.IE8)下的显示效果不一致,这就是说"CSS不兼容". IETESTer可以同时测试IE5.5.IE6.IE7.IE8这些版本的网页效果. 解决CSS兼容性的方法 CSS全局设置的重要性 常用的CSS兼容性的总结 CSS HACK(不推荐使用) CSS全局样式的设置 1.清除网页中所有标签的内填充和外边距 ????body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,

Javascript事件机制兼容性解决方案

原文:Javascript事件机制兼容性解决方案 本文的解决方案可以用于Javascript native对象和宿主对象(dom元素),通过以下的方式来绑定和触发事件: 或者 var input = document.getElementsByTagName('input')[0]; var form = document.getElementsByTagName('form')[0]; Evt.on(input, 'click', function(evt){ console.log('inp