DIY的文本框水印插件

最新推荐文章于 2023-07-02 09:39:34 发布

程序员kenny

最新推荐文章于 2023-07-02 09:39:34 发布

阅读量701

点赞数

分类专栏： Javascript/Jquery 文章标签： jquery properties input function object 语言

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/kenny0613/article/details/6543641

版权

Javascript/Jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

今天要共享的插件是一个文本框水印功能插件。一个很简单，只是一些失焦与获焦事件代码而已的小插件，唯一特别的就是带上方法的“重载”。
在决定写这个插件前，我一直搞不懂像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

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DIY的文本框水印插件

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

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。