javascript
来源:互联网 发布:it培训机构排名 知乎 编辑:程序博客网 时间:2024/06/18 01:04
javascript - 焦点事件(onfocus ,onblur )
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> //获取焦点事件 function myFocus(){ } //失去焦点事件 function myBlur(){ var cont = document.getElementById("cont"); var str = cont.value; var f = document.getElementById("f"); if(str == "tom"){ f.color = "red"; f.innerHTML = "这个名字太抢手了,再换一个!"; }else{ f.color = "green"; f.innerHTML = "√"; } } //密码输入效果 //获取焦点 function pwdFocus(){ document.getElementById("img").src = "img/pwd-input.jpg"; } //失去焦点 function pwdBlur(){ document.getElementById("img").src = "img/user-input.jpg"; } </script> </head> <body> 用户名:<input id="cont" type="text" onfocus="myFocus()" onblur="myBlur()" /><br /> 密码:<input id="pwd" type="password" onfocus="pwdFocus()" onblur="pwdBlur()" /> <font id="f" ></font> <img id="img" src="img/user-input.jpg" /> </body></html>
运行结果图片
http://img.blog.csdn.net/20170926152940962?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvenlsampm/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center[插入]
*
阅读全文
0 0
- Javascript
- JavaScript
- javascript
- javascript
- javascript
- javascript
- javascript
- JavaScript
- javascript
- JavaScript
- Javascript
- javascript
- javascript
- JavaScript
- javascript
- javascript
- JavaScript
- javascript
- CAESAR II 5.2完整好用版本\
- Python 2和3的区别--print
- 企业高效研发实践专场,加速研发效能体系升级
- index
- 《机器学习实战》学习笔记(2)—— 使用ID3算法构造决策树
- javascript
- Chrome屏蔽Adobe Flash Player 插件的问题
- 在view页面下debug总是出错
- Python2.X与Python3.X编程代码笔记(1):AttributeError: 'dict' object has no attribute 'iteritems'
- LeetCode.2(445) Add Two numbers(II)
- 让木马病毒DNS数据传输成为历史:看我如何让XShell病毒失效
- IOS charts框架 横向柱状图显示数值问题
- jquery.ajax()上传带文件的表单
- 换皮肤