通过焦点事件获取数据

最新推荐文章于 2025-03-15 09:59:07 发布
最新推荐文章于 2025-03-15 09:59:07 发布
阅读量635 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44538667/article/details/96359844
版权
在项目中，例如医院管理系统，常需要通过输入卡号或姓名自动填充患者信息。当焦点离开输入框时，系统查询匹配的患者数据，若存在则回填，否则显示患者不存在的提示。这一功能的实现包括在控制器中编写查询方法，以及为输入框设置焦点事件，监听并处理输入数据，调用查询方法来获取和展示相应信息。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

通过焦点事件获取数据

开发工具与关键技术：VS2015、jquery
作者：易金亮
撰写时间：2019.07.17

在项目中，我们经常会遇到一些输入卡号或姓名调出其相关信息的需求，比如我最近接触的一个项目中就有这个需求，这个项目是一个医院管理系统，要实现的功能是在预约挂号或者挂号时，通过输入病人卡号或者病人姓名把病人之前登记的信息回填出来，其效果截图如下图所示：
在这里插入图片描述
如上截图所示，当我们在卡号框或姓名框输入卡号或者姓名时，如果该病人存在，当我们的鼠标焦点离开输入框时就会自动回填病人的信息，而如果该病人不存在，也就是还没有进行登记过，它就会给出相应的提示，其效果如下截图所示：
在这里插入图片描述
如上截图所示，当我们随便输入一个不存在的卡号或者姓名时，它就会弹出如上截图所示的一个提示框，提示我们该病人不存在，这就是我们所说的通过焦点事件获取数据了，那么这个效果是如何实现的呢？下面我就来说说如何实现这个效果。既然要获取数据，那么首先我们就应该把需要的数据查询出来了，我们先在控制器中写一个查询的方法，其代码如下截图所示：

 /// <summary>
  /// 1.4 查询病人信息
  /// &
最低0.47元/天 解锁文章
北极光LG
关注
HTML实现按钮生成随机图片位置并且随机背景颜色
m0_58144335的博客
06-29 763
HTML实现按钮生成随机图片位置并且随机背景颜色
WPF扫码枪无焦点自动获取数据demo
05-29
在这个示例中，`OnKeyDown`方法负责处理按键事件，通过`IsBarcode`方法判断当前的键事件是否来自扫码枪（通常是回车键），然后使用`GetScannedData`方法从键事件中提取出条形码数据。 此外，还需要注意的是，不同...
获得焦点事件
ruoyuanyi的专栏
03-03 442
用户名: 密码:      function clearInput(){    //获得输入框的值    var username = document.getElementById("username");    username.value = '';   }   function getInput(){    //获得输入框的值    var username =
jQuery——28. 表单中获得焦点和失去焦点事件【focusin事件， focusout事件】
最新发布
weixin_63215361的博客
03-15 274
/1.focusout事件,失去焦点时触发。//$(this):表示当前正在操作的元素。//1.focusin事件,获得焦点时触发。
获取焦点事件(天秤座)
LuckFairyLuckBaby的博客
09-24 440
1.jQuery <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").focus...
获得焦点事件和失去焦点事件
hyb0852的专栏
02-28 909
1、（onfocus） 2、(onblur) function clearInput(){ var username  = document.getElementById("username"); username.value=''; } function clearGetput(){ var username  = document.getElementById("
input文本框获取焦点和失去焦点判断
weixin_30300523的博客
02-01 644
onBlur:当输入框失去焦点后onFocus:当输入框获得焦点后 这两个JavaScript事件是写在html标签中的例如： <input type="text" onBlur=" " onFocus=" " /> 使用jQuery的实现方法为： 　　　　对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。 focus()：...
数据挖掘支持下的网络热点事件地理可视化研究.pdf
07-14
网络爬虫作为数据挖掘的一个重要工具，通过自动访问互联网上的页面并获取相关信息，是收集热点事件评论数据的关键手段。 在本研究中，通过对网络热点事件的评论数据进行挖掘，研究者能够提取出关注热点事件的时空...
数据挖掘支持下的网络热点事件地理可视化研究
05-29
针对网络热点事件舆论...利用网络数据挖掘技术,通过对网络热点事件评论的挖掘,提取关注热点事件的时空信息。通过网络热点事件关注群体地理分布的可视化表达,得到网络热点事件的舆论动态,为舆情综合管理提供决策支持。
输入框无焦点进行扫码获取数据信息
01-16
用户通过扫码可以获得各种数据信息，传统的扫码方式通常需要用户先点击输入框获得焦点后，才能进行扫码获取数据。然而，这种方式存在一定的局限性，特别是在移动设备上，频繁的点击和切换焦点可能影响用户体验。为了...
Javascript基础（四）:获得焦点和失去焦点事件
热门推荐
全栈码农，专注java项目实战教程分享、大学生项目辅导开发讲解。
05-06 11万+
1.获取ID的函数在说获取焦点和失去焦点事件之前，先说说封装获取ID的函数。一般在实际操作中，会经常用到提取某个元素的ID，如果每条都列，想必非常麻烦。一般如果有很多ID需要提取的情况基本都用提取ID的函数。 获取ID的函数如下： function $(id) { // $符号一般用作获取id的函数名，有时候也有人用$id作为函数名。在这里我们只需要获取一个变量。 ret
C#控件中失去焦点Focus事件与获得焦点Focus事件
07-04
C#控件 失去Focus焦点事件与获得焦点事件 文本框失去焦点事件 LostFocus GotFocus事件 供大家学习，减为1分了。。。。
事件类型——焦点事件（表单获取/失去光标）
m0_75203410的博客
04-04 1392
主要用到的就是我们JavaScript中的事件监听，来监听我们焦点事件的两个动作：①focus 获得焦点 ②blur 失去焦点。今天给大家分享一下前端JavaScript事件类型（鼠标事件，焦点事件，键盘事件，文本事件）中的焦点事件问题。在给标签类名的时候用了data-sch=“find”只是为了复习一下自定义命名法。这个是怎么实现的呢？
如何获得onblur中的值_js中onfocus、onblur事件
weixin_30209891的博客
01-14 2169
1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码：function cls(){//捕获触发事件的对象，并设置为以下语句的默认对象with(event.srcElement)//如果当前值为默认值，则清空if(value==defaultValue) value=""}function res(){//捕获触发事件的对象，并设置为以下语句的默认对象with(event....
【Java学习笔记】51：FocusEvent,KeyEvent,WindowEvent事件的处理
大桔骑士的学习笔记
01-15 4429
简述 FocusEvent 当组件获得焦点、失去焦点时，都会触发FocusEvent事件。 组件可以使用requestFocusInWindow()方法获取焦点，可以使用transferFocus()向下一组件传递焦点。 要成为FocusEvent事件的监听器，需要实现FocusListener接口，即实现其中获得焦点时和失去焦点时的处理方法。 KeyEvent 当按住、释放、
事件之事件类型-焦点事件（FocusEvent）
xiaoyangzhu的博客
12-17 4392
焦点事件一览表 属性/方法 定义 blur 当元素失去焦点时触发。这个事件不冒泡，所有浏览器都支持 DOMFocusIn 当元素获得焦点时触发。这个事件是 focus 的冒泡版。Opera 是唯一支持这个事 件的主流浏览器。DOM3 Events 废弃了 DOMFocusIn，推荐 focusin DOMFocusOut 当元素失去焦点时触发。这个事件是 blur 的通用版。Opera 是唯一支持这个事 件的主流浏览器。DOM3 Events 废弃了 DOMFocusO
JS--JavaScript焦点处理（获取焦点focus、失去焦点blur）
吴声子夜歌的博客
09-27 8万+
焦点处理 焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。所谓焦点，就是激活表单字段，使其可以响应键盘事件。 获取焦点：focus 当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。‘ 示例：在页面加载完毕后，将焦点转移到表单中的第...
获取焦点(onFocus)和失去焦点（onBlur） （js）
weixin_43677787的博客
01-23 3562
获取焦点(onFocus)：鼠标进入input框触发 失去焦点（onBlur）：鼠标离开input框触发 <input type="text" onblur="getBlur()" onfocus="getFocus()"> <script type="text/javascript"> function getBlur() { alert("失去焦点") } function getFocus() { alert("获取焦点"
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值