jquery解决各浏览器placeholder兼容

$(function(){

if(!placeholderSupport()){   // 判断浏览器是否支持 placeholder

    $(‘[placeholder]‘).focus(function() {

        var input = $(this);

        if (input.val() == input.attr(‘placeholder‘)) {

            input.val(‘‘);

            input.removeClass(‘placeholder‘);

        }

    }).blur(function() {

        var input = $(this);

        if (input.val() == ‘‘ || input.val() == input.attr(‘placeholder‘)) {

            input.addClass(‘placeholder‘);

            input.val(input.attr(‘placeholder‘));

        }

    }).blur();

};

})

function placeholderSupport() {

    return ‘placeholder‘ in document.createElement(‘input‘);

}

时间: 2024-12-11 08:37:29

jquery解决各浏览器placeholder兼容的相关文章

springmvc 整合jquery uploadify 火狐浏览器不兼容问题解决

IE8下测试通过,测试告诉我在火狐浏览器中出现问题,打断点发现问题 1.不进入springmvc 解决办法是:;jsessionid=<%=sessionId%> <% String sessionId = request.getSession().getId();%> //上传处理程序url 'uploader' : '${path}/bpmAttachController/fileUpload.do;jsessionid=<%=sessionId%> 2.进入spr

CSS hack 解决各浏览器不兼容问题

1.IE8下兼容问题:转化成IE7兼容,头部加上代码: <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>  2.flaot浮动造成IE6双倍边距: margin-left:10px!important; /*IE7,IE8,FF下是10PX*/; margin-left:5px; /*IE6下属性写的是5PX,但在显示出来的是10px 或者给浮动元素加上display:inli

设计一套方案,解决不同浏览器的兼容问题(2)

移动端开发 移动web开发,虽然浏览器的 内核 都是 webkit 但是不同的浏览器开发厂商 ,可能会为浏览器添加一些 特殊的 独有样式 为了清除不同浏览器带来的显示差异 我们有一个 比较通用的样式 normalize.css normalize.scss 直接下载的一个 通用的预制样式,目的是处理不同浏览器的显示差异 可以直接网上下载一个,地址: http://necolas.github.io/normalize.css/ 原文地址:https://www.cnblogs.com/DZzzz

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

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

【jquery】基于 jquery 实现 ie 浏览器兼容 placeholder 效果

placeholder 是 html5 新增加的属性,主要提供一种提示(hint),用于描述输入域所期待的值.该提示会在输入字段为空时显示,并会在字段获得焦点时消失.placeholder 属性适用于以下类型的 input 标签:text, search, url, telephone, email 以及 password. 我们先看下在谷歌浏览器中的效果,如图所示: 获得焦点时: 输入字段: 因为是 html5 属性,自然低版本的浏览器比如 ie6-8 不兼容.下面就介绍下如何在低版本浏览器中

☆☆☆☆☆Placeholder兼容各大浏览器的例子☆☆☆☆☆

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Placeholder兼容各大浏览器的例子</title> <script src="jquery-1.8.0.min.js"></script> </head> <body> <form> <div> &

sharepoint 2013 office web app 2013 文档在线浏览 IE11 浏览器不兼容解决方法

昨晚配置完成office web apps 2013的外部网络访问之后,今天发现了一个很奇怪的问题,就是IE 11不支持文档在线浏览,找了很多方法,打补丁什么的,都不管用,最后在预览文件的页面,看到<head>标签,里面有一句代码: <meta http-equiv="X-UA-Compatible" content="IE=99" /> 我把他改成了 <meta http-equiv="X-UA-Compatible&quo

微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo

微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo 前言 做好了项目之后,在各种浏览器里面测试,都没有问题.很高兴,交付后端使用.然而发现在微信自带浏览器里面,却是出现了问题. 我的页面是一堆文本框,需要用户输入,当页面比较长的时候,在下面的文本框会被输入法给挡住-我勒个去. 写了一段JS脚本,测试了一下,发现,在正常的浏览器当中,当调出输入法的时候,视窗的高度,会减少,以适应输入法占据的屏幕空间.在QQ自带的浏览器里面,也是完全正常的.只有在微信里面,存在这个问题

js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) 转

1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e && e.preventDefault) { //阻止默认浏览器动作(W3C) e.preventDefault(); } else { //IE中阻止函数器默认动作的方式 window.event.returnValue = false; } return false; } 2.停止事件冒泡 function stopBubble(e) { //如果提供