为TextBox装饰水印与(blur和focus)事件应用
2013-01-16 00:00
591 查看
某一时候,为文本框(TextBox)装饰个水印。它有两种状态,一是blur和focus。因此,我们可以在Javascript写两个事件:
在TextBox应用这两个Javascript事件:
演示:
<script type="text/javascript"> var watermarkText = "输入名称"; function WaterMarkOnBlur(textbox) { if (textbox.value.length == 0) { textbox.style.color = "gray"; textbox.value = watermarkText; } } function WaterMartOnfocus(textbox) { if (textbox.value == watermarkText) { textbox.style.color = "black"; textbox.value = ""; } } </script>
在TextBox应用这两个Javascript事件:
<asp:TextBox ID="TextBox1" runat="server" Text="输入名称" ForeColor="Gray" onblur="WaterMarkOnBlur(this);" onfocus="WaterMartOnfocus(this);"> </asp:TextBox>
演示:
相关文章推荐
- 为TextBox装饰水印与(blur和focus)事件应用
- jQuery中blur和focus事件的应用
- jQuery focus和blur事件的应用详解
- jQuery中blur和focus事件的应用
- jQuery中blur和focus事件的应用
- bobojQuery focus和blur事件的应用详解
- easyui-textbox的blur和keyup事件
- 解决火狐浏览器iframe的focus和blur事件触发无效问题
- 焦点事件之——谈 focus 和 blur 的事件代理
- 如何在事件代理中正确使用 focus 和 blur 事件
- JavaScript onfocus和onblur事件应用举例
- jquery失去焦点与获取焦点事件blur() focus()
- jquery事件 【mousedown与mouseup ----keydown与keypress与keyup】focus--blur--orrer--pageX-pageY
- focus()获取焦点和blur()失去焦点事件
- jQuery focus和blur事件
- 让div,span等元素具有focus事件 和blur事件
- jQuery事件(ready/bind/hover/toggle/unbind/one/trigger/focus/blur/change/live)
- [js笔记] focus和blur事件之表单验证
- JQuery/Javascript两个控件的focus和blur事件
- jQuery 1.4版本的15个新功能(现在已经发布到jquery1.8,特别是增强版的live事件,支持 submit , change , focus 和 blur 事件)