JS事件 失焦事件(onblur)onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

摘要:
当当前光标位于用户文本框中时,在光标离开文本框后将触发onblur事件,并调用函数message()。运行结果:该任务补充了右侧编辑器的第13行。当光标离开密码文本框时,将触发onblur事件并调用message()函数。DOCTYPEHTML˃失焦事件functionmessage(){alert(“请确保在删除密码之前输入了密码!

失焦事件(onblur)

onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时(即焦点在文本框),在光标离开该文本框后(即失焦时),触发onblur事件,并调用函数message()。

JS事件 失焦事件(onblur)onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。第1张

运行结果:

JS事件 失焦事件(onblur)onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。第2张

 

任务

补充右边编辑器第13行,当光标从密码文本框离开时,触发onblur 事件,调用message()函数。


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
  function message(){
    alert("请确定已输入密码后,在移开!"); }
</script>    
</head>
<body>
  <form>
   用户:<input name="username" type="text" value="请输入用户名!" >
   密码:<input name="password" type="text" value="请输入密码!" onblur="message()">
  </form>
</body>
</html>

JS事件 失焦事件(onblur)onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。第3张


免责声明:文章转载自《JS事件 失焦事件(onblur)onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇查询安装webpack4.0是否成功时提示无法找到的解决方法OpenCV-Python-边缘检测下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Java web开发——文件的上传和下载

一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传;支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹层级结构与本地相同。 支持大文件批量上传(20G)和下载,同时需...

TextBox禁止手动输入但是允许刷卡输入

初步想法:是用TextBox.ReadOnly=true;但是这样连刷卡输入都会被禁掉 第二种想法:判断是键盘输入还是用户刷卡 但是怎么判断呢 --键盘输入应该触发的是KeyDown事件之类的 那刷卡呢 结果也是触发的相同事件 第三种想法——迂回:因为卡号是特定长度的 刷卡在短时间内就能输入到特定长度 而用户输入至少也要4s以上 通过这个时间判断 便可以分...

CEF拦截js层alert弹窗 OnJSDialog 《转》

一 引言 CEF3嵌入后,用JS 弹出Alert框,按钮错位,确定按钮勉强能看到。很难看。为了改善体验,决定重写提示框。 环境:VS2008  VC  MFC.   二 原理 参看类 CefJSDialogHandler 的说明。 相关类:CefClient CefJSDialogHandler  ClientHandler    三 准备 使用 cef_...

JS 将UTC时间转为本地时间

在企业实际开发中,有时数据库会存UTC时间,要求不同地区的人访问可以智能识别国家,显示当地时间,下面用的是moment.js转化时间。 下载地址:https://momentjs.com/ js 转化: //初始化日期(utc->local) function dateFormatter(value) { var date = moment.pars...

nodejs下function,new function和this的研究

转:http://www.html5china.com/html5-article-3023-1.html 重点我都高亮了! 由于在使用nodejs之前接触js也比较少,最近一直被js的function和new function所困惑,由于两者都可以呈现出面向对象的样子,不知道两者的差别在哪里,就此问题做了一些研究。在研究的过程中发现this指针是个...

在Delphi中高效执行JS代码

因为一些原因,需要进行encodeURIComponent和decodeURIComponent编码,在Delphi中找了一个,首先是发现不能正确编码+号,后面强制处理替换了,勉强可用。 后面发现多次使用后delphi自带的HttpEncode会报Out of Memory. 以上可能是我使用的不好,但没有找到解决办法。 后面想到直接采用运行JavaScr...