JavaWeb 解决jsp不支持placeholder,IE不支持placeholder 2022-04-18 12:29 262阅读 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 文章版权声明:注明蒲公英云原创文章,转载或复制请以超链接形式并注明出处。
相关 如何解决JavaScript 不支持 indexof 如何解决JavaScript 不支持 indexof js中的 indexof办法查找给定元素能找在数组中找到的第一个索引值,但indexof在IE8下是不支撑的,本文给... 朱雀/ 2021年05月23日 17:04/ 0 赞/ 13145 阅读
相关 解决 Eclipse不支持tomcat9 问题: Eclipse版本:eclipse-jee-mars-1-win32-x86\_64 Tomcat版本:Tomcat 9.0 在配置eclipse+tom 向右看齐/ 2021年09月30日 14:08/ 0 赞/ 930 阅读
相关 解决feignClient,不支持get请求 加入下边这个依赖就可以了 <dependency> <groupId>io.github.openfeign</groupId> r囧r小猫/ 2022年01月22日 09:09/ 0 赞/ 300 阅读
相关 JavaWeb 解决jsp不支持placeholder,IE不支持placeholder 一、介绍 placeholder是H5的属性,但是在jsp中,兼容性并不好,很多时候,不起作用,尤其是在IE浏览器中。在开发中,placeholder所体现的功能属性 Bertha 。/ 2022年04月18日 12:29/ 0 赞/ 263 阅读
相关 解决IE不支持placeholder 一.解决方法 / jQuery placeholder, fix for IE6,7,8,9 / var JPlaceHolder = 待我称王封你为后i/ 2022年05月14日 09:37/ 0 赞/ 218 阅读
相关 IE不支持 Promise 解决办法 引入 `<script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>` 或 `<script t 冷不防/ 2022年05月31日 17:37/ 0 赞/ 202 阅读
相关 解决nginx不支持pathinfo办法 location / { root /var/www/html; index index.php index.ht 布满荆棘的人生/ 2022年06月07日 18:56/ 0 赞/ 190 阅读
相关 pyspider不支持js解决方案 学习 [http://cuiqingcai.com/2652.html][http_cuiqingcai.com_2652.html] pyspider的时候出现了 布满荆棘的人生/ 2022年06月18日 08:49/ 0 赞/ 124 阅读
相关 解决Tomcat不支持中文注释 在Tomcat的配置文件server.xml中, 有了一段中文注释: ![Center][] 而后,服务器不能启动了,XML的声明是: ![Center 1][] 妖狐艹你老母/ 2022年08月02日 18:58/ 0 赞/ 55 阅读
相关 解决IE8不支持console 转自:https://www.cnblogs.com/wz122889488/p/6272751.html 解决IE8不支持console,代码中包含console时会报错 喜欢ヅ旅行/ 2022年12月04日 10:27/ 0 赞/ 59 阅读
还没有评论,来说两句吧...