zoukankan      html  css  js  c++  java
  • IE8不支持属性placeholder

     $(function () {
                // -- Constants --
                var PLACE_HOLDER_COLOR = "rgb(169,169,169)"; // "darkGrey" does not work in IE6
                var PLACE_HOLDER_DATA_NAME = "original-font-color";
    
                // -- Util Methods --  
                var getContent = function (element) {
                    return $(element).val();
                }
    
                var setContent = function (element, content) {
                    $(element).val(content);
                }
    
                var getPlaceholder = function (element) {
                    return $(element).attr("placeholder");
                }
    
                var isContentEmpty = function (element) {
                    var content = getContent(element);
                    return (content.length === 0) || content == getPlaceholder(element);
                }
    
                var setPlaceholderStyle = function (element) {
                    $(element).data(PLACE_HOLDER_DATA_NAME, $(element).css("color"));
                    $(element).css("color", PLACE_HOLDER_COLOR);
                }
    
                var clearPlaceholderStyle = function (element) {
                    $(element).css("color", $(element).data(PLACE_HOLDER_DATA_NAME));
                    $(element).removeData(PLACE_HOLDER_DATA_NAME);
                }
    
                var showPlaceholder = function (element) {
                    setContent(element, getPlaceholder(element));
                    setPlaceholderStyle(element);
                }
    
                var hidePlaceholder = function (element) {
                    if ($(element).data(PLACE_HOLDER_DATA_NAME)) {
                        setContent(element, "");
                        clearPlaceholderStyle(element);
                    }
                }
    
                // -- Event Handlers --
                var inputFocused = function () {
                    if (isContentEmpty(this)) {
                        hidePlaceholder(this);
                    }
                }
    
                var inputBlurred = function () {
                    if (isContentEmpty(this)) {
                        showPlaceholder(this);
                    }
                }
    
                var parentFormSubmitted = function () {
                    if (isContentEmpty(this)) {
                        hidePlaceholder(this);
                    }
                }
    
                // -- Bind event to components --
                $("textarea, input[type='text']").each(function (index, element) {
                    if ($(element).attr("placeholder")) {
                        $(element).focus(inputFocused);
                        $(element).blur(inputBlurred);
                        $(element).bind("parentformsubmitted", parentFormSubmitted);
    
                        // triggers show place holder on page load
                        $(element).trigger("blur");
                        // triggers form submitted event on parent form submit
                        $(element).parents("form").submit(function () {
                            $(element).trigger("parentformsubmitted");
                        });
                    }
                });
            });
  • 相关阅读:
    【Mongodb教程 第九课 】MongoDB 删除文档
    【Mongodb教程 第八课 】MongoDB 更新文档
    【Mongodb教程 第七课 】MongoDB 查询文档
    【Mongodb教程 第六课 】MongoDB 插入文档
    【Mongodb教程 第五课 】MongoDB 删除集合
    【Mongodb教程 第四课 】MongoDB 创建集合
    【Mongodb教程 第三课 】MongoDB 删除数据库
    【Mongodb教程 第二课 】 MongoDB 创建数据库 use 命令
    题解 P2821 【变幻数】
    题解 P6249 【神帖】
  • 原文地址:https://www.cnblogs.com/yueyuepeng/p/4301805.html
Copyright © 2011-2022 走看看