DIY的文本框水印插件

来源：互联网发布：java 拖动滑块验证码编辑：程序博客网时间：2024/05/16 11:35

今天要共享的插件是一个文本框水印功能插件。一个很简单，只是一些失焦与获焦事件代码而已的小插件，唯一特别的就是带上方法的“重载”。
在决定写这个插件前，我一直搞不懂像JS那样的动态类型语言怎么样能实现重载呢？虽然那时懂，但我确定是存在的，因为在JQuery中，css()方法就是一个很好的例子，如：“$("p").css("color");”和“$("p").css({ color: "#ff0011", background: "blue" });”。

后来经过查看JQuery源代码后才终于把迷底揭开。其实所谓的“重载”只是在方法内部做了变量类型的判断。

如，使用类似代码：“if (typeof properties === "object") {……}”。

如果页面中存在三个文本框，如： <body> <input id="txtTiele1" /> <br /> <input id="txtTiele2" /> <br /> <textarea id="txtContent"> …… </body>

具体JS调用代码如下： $(function () { $("#txtTiele1").watermark("请输入标题1"); // 默认样式 $("#txtTiele2").watermark("请输入标题2", "watermark"); // 指定调用的样式名(watermark是已存在的样式名称) $("#txtContent").watermark("请输入内容", { color: "#0000FF" }); // 要设置为样式属性的名/值对 });

实例下载地址：http://download.csdn.net/source/3374955