IE8 placeholder兼容

tyheist 发布于2019-08-22 15:01 / 432人阅读

摘要：浏览器不支持属性提供如下解决方案以下的不支持属性统一赋值开始时间结束时间逗留最少时间逗留最长时间

IE8浏览器不支持placeholder属性提供如下解决方案

function checkPlaceholder(obj) {  
    var value = obj.val();
    obj.focus(function() {  
        obj.val("");
    });  
    obj.blur(function() {  
        obj.val(value);
    });  
}
jQuery(document).ready(function () {
    //iE11以下的不支持placeholder属性 统一赋值
    $("input[name=startDate]").val("开始时间");
    $("input[name=endDate]").val("结束时间");
    $("input[name=hourPeriOdStart]").val("逗留最少时间");
    $("input[name=hourPeriOdEnd]").val("逗留最长时间");
    checkPlaceholder($("input[name=startDate]"));
    checkPlaceholder($("input[name=endDate]"));
    checkPlaceholder($("input[name=hourPeriOdStart]"));
    checkPlaceholder($("input[name=hourPeriOdEnd]"));
    )};

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/93096.html

解决IE8、IE9 placeholder 不兼容的问题

摘要：解决不兼容的问题请输入您的姓名解决IE8、IE9 placeholder 不兼容的问题 html: js: $([placeholder]) .focus(function() { var input = $(this); if (input.val() == input.attr(placeholder)) { input.va...

SnaiLiu 2019-08-01 16:52 评论0 收藏0
ie8兼容问题

input标签placeholder 1.input里面的placeholder属性，在pc端用的特别好，但是万恶的ie8,placeholder竟然不支持。于是找到一种方法解决在ie8中placeholder无效的事 $(function() { // 如果不支持placeholder，用jQuery来完成 if(!isSupportPlaceholder()) { ...

Worktile 2019-08-02 11:57 评论0 收藏0
ie8兼容问题

input标签placeholder 1.input里面的placeholder属性，在pc端用的特别好，但是万恶的ie8,placeholder竟然不支持。于是找到一种方法解决在ie8中placeholder无效的事 $(function() { // 如果不支持placeholder，用jQuery来完成 if(!isSupportPlaceholder()) { ...

keithxiaoy 2019-08-29 17:12 评论0 收藏0
兼容系列-IE678的兼容

摘要：最简单的区分所有浏览器都会显示为紫色会显示红色会变为蓝色会变为绿色上面的样式解释为顺序是显示的结果用浏览，颜色是紫色用浏览，颜色是红色用浏览，颜色是蓝色用浏览，颜色是绿色支持伪元素伪元素和在及以下不支持兼容可以识别写法和兼容则需要引 1. 最简单的CSS Hack 区分 IE6 、 IE7 、IE8 css .color{ background-color: #CC00FF; ...

baoxl 2019-08-01 18:43 评论0 收藏0