JavaWeb 解决jsp不支持placeholder,IE不支持placeholder 2022-04-18 04:29 430阅读 0赞 **一、介绍** placeholder是H5的属性,但是在jsp中,兼容性并不好,很多时候,不起作用,尤其是在IE浏览器中。在开发中,placeholder所体现的功能属性给yong用户展示良好的用户体验,并且可以省去很多的纯js代码写出来达到的xiao效果,如下是解决在各种浏览器中JSP支持placeholder的js代码 **二、js代码** placeholderForJSP.js /* * @Title: jQuery placeholder, fix for IE6,7,8,9 * @Description: IE对placeholder属性的支持 * */ var JPlaceHolder = { //检测 _check : function(){ return 'placeholder' in document.createElement('input'); }, //初始化 init : function(){ if(!this._check()){ this.fix(); } }, //修复 fix : function(){ jQuery(':input[placeholder]').each(function(index, element) { var self = $(this), txt = self.attr('placeholder'); self.wrap($('<div></div>').css({position:'relative', zoom:'1', border:'none', background:'none', padding:'none', margin:'none'})); var pos = self.position(), h = self.outerHeight(true), paddingleft = self.css('padding-left'); var holder = $('<span></span>').text(txt).css({position:'absolute', left:pos.left, top:pos.top, height:h, lienHeight:h, paddingLeft:paddingleft, color:'#aaa'}).appendTo(self.parent()); self.focusin(function(e) { holder.hide(); }).focusout(function(e) { if(!self.val()){ holder.show(); } }); holder.click(function(e) { holder.hide(); self.focus(); }); }); } }; //执行 jQuery(function(){ JPlaceHolder.init(); }); **三、jsp中引用** <script type="text/javascript" src="<%=path%>/js/pwr/placeholderForJSP.js"></script> ![20181108151317790.png][] [20181108151317790.png]: /images/20220418/0a3c980e25fa44a3a9d90a0de94a0508.png
相关 解决IE8不支持console 转自:https://www.cnblogs.com/wz122889488/p/6272751.html 解决IE8不支持console,代码中包含console时会报错 喜欢ヅ旅行/ 2022年12月04日 02:27/ 0 赞/ 177 阅读
相关 java 不支持_java不支持的操作异常 我想为我的代码创建三个不同的类:FutureValueApp,Validator和FinancialCalculations。但是,当我运行代码时,我收到以下错误信息,并且不知 心已赠人/ 2022年11月06日 00:03/ 0 赞/ 120 阅读
相关 解决Tomcat不支持中文注释 在Tomcat的配置文件server.xml中, 有了一段中文注释: ![Center][] 而后,服务器不能启动了,XML的声明是: ![Center 1][] 妖狐艹你老母/ 2022年08月02日 10:58/ 0 赞/ 186 阅读
相关 pyspider不支持js解决方案 学习 [http://cuiqingcai.com/2652.html][http_cuiqingcai.com_2652.html] pyspider的时候出现了 布满荆棘的人生/ 2022年06月18日 00:49/ 0 赞/ 207 阅读
相关 IE不支持 Promise 解决办法 引入 `<script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>` 或 `<script t 冷不防/ 2022年05月31日 09:37/ 0 赞/ 369 阅读
相关 解决IE不支持placeholder 一.解决方法 / jQuery placeholder, fix for IE6,7,8,9 / var JPlaceHolder = 待我称王封你为后i/ 2022年05月14日 01:37/ 0 赞/ 399 阅读
相关 JavaWeb 解决jsp不支持placeholder,IE不支持placeholder 一、介绍 placeholder是H5的属性,但是在jsp中,兼容性并不好,很多时候,不起作用,尤其是在IE浏览器中。在开发中,placeholder所体现的功能属性 Bertha 。/ 2022年04月18日 04:29/ 0 赞/ 431 阅读
相关 解决feignClient,不支持get请求 加入下边这个依赖就可以了 <dependency> <groupId>io.github.openfeign</groupId> r囧r小猫/ 2022年01月22日 01:09/ 0 赞/ 502 阅读
相关 解决 Eclipse不支持tomcat9 问题: Eclipse版本:eclipse-jee-mars-1-win32-x86\_64 Tomcat版本:Tomcat 9.0 在配置eclipse+tom 向右看齐/ 2021年09月30日 06:08/ 0 赞/ 1245 阅读
相关 如何解决JavaScript 不支持 indexof 如何解决JavaScript 不支持 indexof js中的 indexof办法查找给定元素能找在数组中找到的第一个索引值,但indexof在IE8下是不支撑的,本文给... 朱雀/ 2021年05月23日 09:04/ 0 赞/ 13530 阅读
还没有评论,来说两句吧...