IE9以下 placeholder兼容

//input placeholder兼容!(function ($, doc, win) {    $.fn.placeholder = function () {        var i = doc.createElement(‘input‘),            placeholdersupport = ‘placeholder‘ in i;        if (!placeholdersupport) {            var inputs = $(this);            inputs.each(function () {                var input = $(this),                    text = input.attr(‘placeholder‘),                    pdl = 0,                    height = input.outerHeight(),                    width = input.outerWidth(),                    placeholder = $(‘<span class="phTips_tadllj">‘ + text + ‘</span>‘);                try {                    pdl = input.css(‘padding-left‘).match(/\d*/i)[0] * 1;                } catch (e) {                    pdl = 5;                }                placeholder.css({ ‘margin-left‘: -(width - pdl), ‘height‘: height, ‘line-height‘: height + "px", ‘position‘: ‘absolute‘, ‘color‘: "#999", ‘font-size‘: "14px", "z-index": "100" });                placeholder.click(function () {                    //placeholder.css({display:‘none‘});                    input.focus();                });                if ($.trim(input.val()).length > 0) {                    placeholder.css({ display: ‘none‘ });                } else {                    placeholder.css({ display: ‘inline‘ });                }                placeholder.insertAfter(input);                input.on("focus", function (e) {                    placeholder.css({ display: ‘none‘ });                }).on("blur", function (e) {                    var _this = $(this);                    if ($.trim(_this.val()).length > 0) {                        placeholder.css({ display: ‘none‘ });                    }                    else {                        placeholder.css({ display: ‘inline‘ });                    }                });                // .keyup(function(e){                //     if($(this).val() != ""){                //         placeholder.css({display:‘none‘});                //     }else{                //         placeholder.css({display:‘inline‘});                //     }                // })            });        }        return this;    };    var isIe = false;    if (navigator.userAgent.indexOf("MSIE") > 0) {        if (!$.support.leadingWhitespace || navigator.userAgent.indexOf("MSIE 9.0") > 0) {//IE9以下不让登陆            isIe = true;        }    }    if (isIe) {        $(‘input[placeholder]‘).placeholder();    }})(jQuery, document, window);
时间: 2025-01-15 05:30:47

IE9以下 placeholder兼容的相关文章

placeholder兼容

<!------------placeholder兼容-------------><script type="text/javascript">    $(function () {        if (!placeholderSupport()) {   // 判断浏览器是否支持 placeholder            $('[placeholder]').focus(function () {                var input = $

☆☆☆☆☆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> &

IE placeholder兼容

对于placeholder兼容问题 IE系列的大部分不兼容 使用JQ插件解决这个问题,确实用法很简单 jS下载地址http://www.ijquery.cn/js/jquery.placeholder.min.js <script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script> <script type="t

placeholder 兼容 IE

placeholder 是 html5 的新属性,仅支持 html5 的浏览器才支持 placeholder,目前最新的 FF.Chrome.Safari.Opera 以及 IE10 都支持,IE6-IE9 都不支持! placeholder 在各个浏览器下基本都是淡灰色显示,不同的地方在于 FF 和 Chrome 中,输入框获得焦点时,placeholder 文字没有变化,只有当输入框中输入了内容时,placeholder 文字才会消失:而在 Safari 和 IE10 下,当输入框获得焦点时

IE9及以下兼容placeholder

在input输入框中使用placeholder,可以给用户起到提醒或指引的作用,但是IE9及以下的IE版本都不支持placeholder,故在此给出一些解决方法: 使用value来代替(做非空判断时需要排除值等于placeholder值的情况) 添加标签(需注意如何触发事件) 引用现成插件 jquery.placeholder.min.js(请自行搜索下载,此处就不多说了) 不管用哪种方法,我们都要先判断浏览器是否不支持placeholder,不支持的时候我们才需要处理 function pla

ie9 placeholder兼容

.phcolor{ color:#999;}//css样式 function isPlaceholer(){ var input = document.createElement("input"); return "placeholder" in input; }; function placeholder(input){ var text = input.attr('placeholder'), defaultValue = input.defaultValue;

placeholder 兼容IE9以下版本 包含pasword

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title> PlaceHolder </title> <style type="text/css"> /* 设置提示文字颜色 */ ::-webkit-input-placeholder { color: #838383; } :-mo

input placeholder 兼容问题

placeholder是html5出的新特性,ie9以下是不兼容的, 那么为了兼容ie9  我们需要对他做处理 //jq的处理方式$(function(){ jQuery('[placeholder]').focus(function() { var input = jQuery(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).

ie9的placeholder不显示的解决办法(包含多个密码框)

// 兼容ie9的placeholderfunction isPlaceholder(){ var input = document.createElement('input'); return 'placeholder' in input;}if (!isPlaceholder()) {//不支持placeholder 用jquery来完成 $(document).ready(function() { if(!isPlaceholder()){ $("input").not(&quo