zoukankan      html  css  js  c++  java
  • 兼容IE的文字提示

         // 创建一个新的 input
        var i = document.createElement("input");
        // 如果创建的 input 不支持 placeholder 属性,执行以下代码
        if (!("placeholder" in i)) {
            // 遍历所有带有 placeholder 属性的 input
            $("input[placeholder]").each(function () {
                var self = $(this);
                // 保存原始文字颜色
                var color = self.css('color');
                // value 填充为 placeholder 值
                self.val(self.attr("placeholder")).bind({
                    // 成为焦点的时候将内容置空,颜色变为真是颜色
                    focus: function () {
                        if (self.val() === self.attr("placeholder")) {
                            self.val("");
                        }
                        self.css('color', color);
                    },
                    // 失去焦点的时候,如果内容为空,修改为 placeholder 值,并修改颜色
                    blur: function () {
                        if (self.attr("placeholder") && self.val() === "") {
                            self.val(self.attr("placeholder"));
                            self.css('color', '#BBB');
                        }
                    }
                });
                // 修改颜色
                self.css('color', '#BBB');
            });
        }
  • 相关阅读:
    Redis篇
    MySql篇
    Tomcat篇
    JDK篇
    冒泡排序(算法源码)
    堆排序(源码)
    快速排序(递归及非递归算法源码)
    MongoDB 复制
    MongoDB appendix
    服务器端脚本
  • 原文地址:https://www.cnblogs.com/yexiangwang/p/5464838.html
Copyright © 2011-2022 走看看