onfoucs和onblur
標簽:
JavaScript
一个例子
<html> <head> <title>Blur focus事件</title> <meta charset="utf-8"> </head> <body> <script type = "text/javascript"> /* * 实现的功能: * 当用户点击框准备输入时(focus),将输入框内的东西置为空 * 当用户离开(blur)时,检验输入的内容是否符合要求 * * */ function ClearUser(){ document.formUser.txtUser.value = ""; } function ClearPsd(){ document.formUser.txtPsd.value = ""; } function CheckUser(){ if (document.formUser.txtUser.value == "user") { document.formUser.txtPsd.focus(); } } function CheckPsd(){ if (document.formUser.txtPsd.value == "123456") { alert("输入的密码正确"); } } </script> <form name = "formUser"> <input type="text" name="txtUser" value="请输入用户名" onblur="CheckUser()" onfocus="ClearUser()"/> <input type="text" name="txtPsd" onblur="CheckPsd()" onfocus="ClearPsd()"> </form> </body></html>
知识点
1、获取input的输入值:
// 原生方式document.表单的name.input的name.value// jquery方式
作者:椰果粒
链接:https://www.jianshu.com/p/b8072f9c2c63
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦