兼容IE8 input的placeholder的文字显示

if( !(‘placeholder‘ in document.createElement(‘input‘)) ){
    $(‘input[placeholder],textarea[placeholder]‘).each(function(){
        var that = $(this),
        text= that.attr(‘placeholder‘);
        // console.log(text);
        if(that.val()===""){
            that.val(text).addClass(‘placeholder‘);
        }
        that.focus(function(){
            if(that.val()===text){
                that.val("").removeClass(‘placeholder‘);
            }
        }).blur(function(){
            if(that.val()===""){
                that.val(text).addClass(‘placeholder‘);
            }
        }).closest(‘form‘).submit(function(){
            if(that.val() === text){
            that.val(‘‘);
            }
        });
    });
}
时间: 2024-10-12 04:45:10

兼容IE8 input的placeholder的文字显示的相关文章

兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理

当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.match(/7./i)=="7." || navigator.appVersion.match(/8./i)=="

使用jQuery制作input提示内容,兼容IE8以上

我们都知道HTML5的input新属性有 placeholder="",那么这个不兼容IE低版本我们只能用脚本来写了. 首先HTML新建一个input <input type="text" class="input" value="请输入搜索内容" /> 然后我们再引入相应的js库,再使用jQuery 1 <script src="js/jquery-1.8.3.min.js">&l

关于input 属性placeholder 在IE9下兼容

今天分享下同事关于input 属性placeholder 在IE9下不兼容的解决方案,小弟不是很懂,希望有看完的大佬说说你们的理解 <script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js"></script> <script> (function($){ $.fn.placeholder = function(options){ var opts = $.extend({}, $.fn.

小程序里input宽度与文字显示的问题

不知道是不是bug,微信小程序里input宽度缩小,input可输入文字的区域会缩小的更多,比如说你把input宽度设置为90%,则input文字输入可显示的区域可能只有80%左右. //(存在疑点=>)目前的解决方法:在input输入框外面套一层view,通过改变view的宽度控制input的长度,这样不会影响文字显示 注意 input框上 不能加display:flex 属性 原文地址:https://www.cnblogs.com/panghu123/p/12178187.html

ICG-智能代码生成器.(权限控制.融入平台).(表单引擎).(最低兼容IE8)

请下拉滚动条... 界面: 1--首先是server制作界面(BS结构).直接上图:   2--点击提交生成一下文件: 各个代表什么一看就懂了...... 3--把上面的文件放到对于的位置.然后编译.然后就ok了.... 打开client中的IBD中的loginin.aspx页面 用admin登陆.(admin未管理员.test为普通用户.这些在平台都可以设置) 登陆进来是这样:其中邮件和分组管理还有用户管理以及app管理都是平台自带的....看下图: 4--现在把刚才生成的app应用加入到平台

兼容IE8的canvas自制圆形比例图

兼容IE8的canvas自制圆形比例图,代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">             <HTML>             <HEAD>                 <TITLE> IE8支持HTML5+CSS3 </TITLE>                 <meta charset="

自定义上传控件(兼容IE8)

上传控件是 <input type="file"/> 而实际开发过程中,都会自定义一个控件,因为这个控件本身难看,而且不同浏览器效果不一样. 如IE8显示如下: 谷歌浏览器显示是这样子的: 所以通常需要自定义. 1.通常的做法就是把上传控件隐藏,即style="display:none;",再添加一个按钮,设置所需样式,然后通过js触发上传控件的事件. 这样子在谷歌.火狐等浏览器是可以的,但是在IE8中就不兼容了,好多事件都触发不到,比如我需要用到上传控

js跨域传值,兼容ie8以上

js跨域传值,兼容ie8以上 事先说明,此方法并不支持ie8,如果想要支持ie8的话,需要用这种思路(来自微软): if (window.addEventListener) { window.addEventListener('message', function (e) { if (e.domain == 'example.com') { if (e.data == 'Hello World') { e.source.postMessage('Hello'); } else { console

兼容ie8的多选下拉选择框

说下写这个东东的原因:最近要写一个兼容ie8的项目,我一出来工作就是数据驱动的框架了.所以对不支持vue的ie8.真的是脑壳疼. 最后考察了一番,决定使用 layui这个官网宣城兼容人类正在使用的全部浏览器(IE6/7除外)的Ui 刚开始用着,好像也是挺香的,相对于其他兼容ie8的ui,各方面都好很多. 慢慢的,蛋疼的时候来了,就是layui的多选下拉对ie8不支持. 接着,就开始百度各种多选下拉插件(还是懒啊,啥都想用现成的),耗费大量精力测试修改,都不尽人意,好多都是标题单,宣称支持ie8,