placeholder 兼容处理

来源:互联网 发布:ubuntu在shell打开终端 编辑:程序博客网 时间:2024/06/14 21:33

placeholder是html5 的属性,一些不支持的ie就苦逼了,只能用js处理,代码如下:

(function($) {$.fn.extend({placeholder: function() {if ("placeholder" in document.createElement("input")) {return this //如果原生支持placeholder属性,则返回对象本身} else {return this.each(function() {var _this = $(this);_this.val(_this.attr("placeholder")).focus(function() {if (_this.val() === _this.attr("placeholder")) {_this.val("")}}).blur(function() {if (_this.val().length === 0) {_this.val(_this.attr("placeholder"))}})})}}})})(jQuery);
这个不支持密码输入框,还有修改颜色。

可以点击这里研究一下一个比较好的插件(jquery.placehold.js)。

也可以查看这些博客。文章1,文章2




0 0