解决ie9以下input 无placeholder问题

来源：互联网发布：手机虚拟视频软件编辑：程序博客网时间：2024/05/22 00:37

1，首先判断浏览器是否支持placeholder属性，如果不支持则使用模拟placeholder
　　//判断是否支持placeholder属性
　　function isPlaceholer(){
　　var input = document.createElement(‘input’);
　　return “placeholder” in input;
　　}

2，引入js 。添加如下代码
function isPlaceholer(){        var input = document.createElement('input');        return "placeholder" in input;    }    if( isPlaceholer() ) {        console.log("1")    }else {        console.log( "2" );        if( $('#search').val()=="" ){            $('#search').css({                "color" : "#ccc"            })            $('#search').val("输入设备编号进行搜索");        }        $('#search').focus(function () {            $('#search').css({                "color" : "#000000"            })            if( $(this).val()=="输入设备编号进行搜索" ){                $(this).val("");            }        })        $('#search').blur(function () {            if( $(this).val()=="" ){                $(this).val("输入设备编号进行搜索");                $('#search').css({                    "color" : "#ccc"                })            }else {                $('#search').css({                    "color" : "#000000"                })            }        })    }

0 0