通过焦点事件获取数据

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

通过焦点事件获取数据

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

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

 /// <summary>
  /// 1.4 查询病人信息
  /// &
最低0.47元/天 解锁文章
北极光LG
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
数据挖掘支持下的网络热点事件地理可视化研究
05-29
针对网络热点事件舆论...利用网络数据挖掘技术,通过对网络热点事件评论的挖掘,提取关注热点事件的时空信息。通过网络热点事件关注群体地理分布的可视化表达,得到网络热点事件的舆论动态,为舆情综合管理提供决策支持。
如何获得onblur中的值_js中onfocus、onblur事件
weixin_30209891的博客
01-14 2028
1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码：function cls(){//捕获触发事件的对象，并设置为以下语句的默认对象with(event.srcElement)//如果当前值为默认值，则清空if(value==defaultValue) value=""}function res(){//捕获触发事件的对象，并设置为以下语句的默认对象with(event....
JavaScript焦点处理（获取焦点focus()、失去焦点blur()）
m0_56839193的博客
09-20 1万+
焦点处理：焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。 1.获取焦点：focus 注释：当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。 2.失去焦点：blur 注释：blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象 ...
【Java学习笔记】51：FocusEvent,KeyEvent,WindowEvent事件的处理
LauZyHou的笔记
01-15 4278
简述 FocusEvent 当组件获得焦点、失去焦点时，都会触发FocusEvent事件。 组件可以使用requestFocusInWindow()方法获取焦点，可以使用transferFocus()向下一组件传递焦点。 要成为FocusEvent事件的监听器，需要实现FocusListener接口，即实现其中获得焦点时和失去焦点时的处理方法。 KeyEvent 当按住、释放、
事件之事件类型-焦点事件（FocusEvent）
xiaoyangzhu的博客
12-17 4125
焦点事件一览表 属性/方法 定义 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键可以改变焦点位置。‘ 示例：在页面加载完毕后，将焦点转移到表单中的第...
WPF扫码枪无焦点自动获取数据demo
05-29
在这个示例中，`OnKeyDown`方法负责处理按键事件，通过`IsBarcode`方法判断当前的键事件是否来自扫码枪（通常是回车键），然后使用`GetScannedData`方法从键事件中提取出条形码数据。 此外，还需要注意的是，不同...
百度事件抽取数据集DuEE
09-03
4. 实时性：作为百度发布的数据集，DuEE反映了最新的网络热点和趋势，有助于研究动态事件的抽取和跟踪。 三、应用与价值 1. 研究价值：DuEE数据集为学术界提供了一个标准的测试平台，可以评估不同事件抽取算法的...
Java Swing实现JTable检测单元格数据变更事件的方法示例
08-28
2. 通过该事件，我们可以获取单元格最新的数据，却无法获取原有数据。 二、TableCellListener 的解决方案 经过一番搜索，我们发现了一个名为 TableCellListener 的解决方案。作者自己实现了一个单元格监听器 ...
数据挖掘支持下的网络热点事件地理可视化研究.pdf
07-14
网络爬虫作为数据挖掘的一个重要工具，通过自动访问互联网上的页面并获取相关信息，是收集热点事件评论数据的关键手段。 在本研究中，通过对网络热点事件的评论数据进行挖掘，研究者能够提取出关注热点事件的时空...
form表单中的onblur事件
12-08
onblur事件，鼠标离开表单input框时触发的事件
js焦点事件
m0_51281306的博客
11-09 4396
这两个事件均不支持事件冒泡。 获得焦点事件：onfocus 失去焦点事件：onblur onchange: 元素发生变化的时候， 就会触发。 oninput: 当给元素输入内容的时候， 就会触发。 onchange:当失去焦点的时候才会触发此事件。 oninput:当输入内容的时候，会立即触发。 ...
HTML实现按钮生成随机图片位置并且随机背景颜色
m0_58144335的博客
06-29 670
HTML实现按钮生成随机图片位置并且随机背景颜色
js事件
胡老汉的博客
05-07 691
js事件 onclick 单击事件 鼠标点击某个对象 ondbclick 双击事件 onfocus 得到焦点事件（焦点进入控件的事件） onblur 鼠标失去焦点事件（焦点离开控件的事件） onkeydown 键按下事件 onkeypress ...
获得焦点与失去焦点事件
实践求真知
04-12 3万+
一 介绍 获得焦点事件（onfocus）是当某个元素获得焦点时触发事件处理程序。 失去焦点事件（onblur）是当前元素失去焦点时触发事件处理程序。 一般情况下，这两个事件是同时使用的。   二 应用 文本框获得焦点时改变背景颜色 本示例是在用户选择页面中的文本框时，改变文本框的背景颜色，当选择其他文本框时，将失去焦点的文本框背景颜色恢复原始状态。   三 代码
获取焦点(onFocus)和失去焦点（onBlur） （js）
weixin_43677787的博客
01-23 3421
获取焦点(onFocus)：鼠标进入input框触发 失去焦点（onBlur）：鼠标离开input框触发 <input type="text" onblur="getBlur()" onfocus="getFocus()"> <script type="text/javascript"> function getBlur() { alert("失去焦点") } function getFocus() { alert("获取焦点"
vue监听输入框获取焦点
框框梨的博客
05-21 4075
想实现一个当搜索框获取到鼠标的焦点时就跳转到另一个页面去搜索的功能。前提是得监听到当搜索框获取到焦点。 <van-search v-model="value" placeholder="请输入搜索关键词" @focus="focus" /> </form> 这里用到了vantUI的搜索框，@focus是获取焦点，@blur失去焦点。接下来是监听方法 methods: { focus() { this.$toast('hhh'); },
失去焦点和获得焦点发生事件(js)
Loger
04-29 5万+
失去焦点:onblur="hanshu(this)"获得焦点:onfocus="hanshu(this)"{      alert(请确认您输入格式是否正确！);    }//函数名：chksafe//功能介绍：检查是否含有,//,///参数说明：要检查的字符串//返回值：0：是 1：不是function chksafe(a){ return 1;/* fibdn = new Ar
判断input输入框的值，用到input事件，blur事件，focus事件
Tang
07-09 1万+
需求：当输入框有字或者正在输入时，右边的圆形取消按钮才出现。否则不出现。&lt;script type="text/javascript"&gt;    //输入框正在输入时    $('.f2 input').on('input',function(){      if(!($('.f2 input').val()=='')){        $(".close").show();      }...
wpf扫码枪无焦点自动获取数据demo
最新发布
07-22
### 回答1： WPF扫码枪无焦点自动获取数据Demo非常简单，只需要几个简单的步骤即可实现。 首先，我们需要在WPF应用程序的XAML文件中添加一个TextBox控件，用于显示扫码枪读取的数据。例如： ```xaml <TextBox x:Name="txtScanResult" Text="" IsReadOnly="True" /> ``` 然后，在WPF应用程序的代码-behind文件中，我们需要添加一些逻辑来处理扫码枪读取数据的事件。例如： ```csharp public MainWindow() { InitializeComponent(); txtScanResult.TextChanged += TxtScanResult_TextChanged; } private void TxtScanResult_TextChanged(object sender, TextChangedEventArgs e) { string scanResult = txtScanResult.Text; // 在这里处理扫码枪读取的数据，可以进行一些业务逻辑操作，比如保存到数据库、显示在界面上等操作 // 清空文本框，等待下一次扫码 txtScanResult.Text = ""; } ``` 在上述代码中，我们通过订阅TextBox的TextChanged事件来获取扫码枪读取的数据。一旦扫码枪读取到数据并显示在TextBox中，就会触发TextChanged事件，并调用TxtScanResult_TextChanged方法来处理读取到的数据。 当读取到数据后，我们可以在TxtScanResult_TextChanged方法中进行一些业务逻辑的操作，比如将数据保存到数据库、在界面上显示等。最后，我们需要将TextBox清空，以便下一次扫码。 最后，在应用程序启动时，我们需要将TextBox设置为无焦点，这样当扫码枪读取数据时，焦点不会被其他控件抢占，从而保证读取的数据能够自动显示在TextBox中。 ```csharp public MainWindow() { InitializeComponent(); // 设置TextBox为无焦点 txtScanResult.GotFocus += (sender, e) => Keyboard.ClearFocus(); txtScanResult.TextChanged += TxtScanResult_TextChanged; } ``` 通过以上简单的步骤，我们就可以实现WPF扫码枪无焦点自动获取数据的Demo。当然，具体的实现方式可能因为扫码枪的型号和驱动等因素而有所差异，需要根据实际情况进行调整。 ### 回答2： WPF扫码枪无焦点自动获取数据是指在使用WPF编写的应用程序中，当扫码枪操作时，程序能够自动获取到扫码枪中的数据，而无需给扫码枪设置焦点。 实现这样的功能可以参考以下步骤： 1. 首先，在WPF应用程序的窗口中添加一个文本框控件，用于显示扫码枪中的数据。 2. 在窗口的Loaded事件中，为扫码枪注册事件处理程序。例如可以使用TextCompositionManager.PreviewTextInputEvent事件。 3. 在事件处理程序中，获取到扫码枪传入的数据，并将其添加到文本框中。 示例代码如下： ```csharp private void Window_Loaded(object sender, RoutedEventArgs e) { // 注册事件处理程序 TextCompositionManager.AddPreviewTextInputHandler(this, BarcodeScanner_TextInput); } private void BarcodeScanner_TextInput(object sender, TextCompositionEventArgs e) { // 获取扫码枪传入的数据 string barcode = e.Text; // 将数据添加到文本框中 textbox.Text += barcode; } ``` 在上述代码中，先在窗口的Loaded事件中注册了一个TextCompositionManager.PreviewTextInputEvent事件的处理程序BarcodeScanner_TextInput。当扫码枪有输入时，该事件会触发。 在BarcodeScanner_TextInput事件处理程序中，通过e.Text获取到扫码枪输入的数据，并将其添加到名为textbox的文本框控件中。 这样，当扫码枪操作时，应用程序会自动获取到扫码枪中的数据，并在界面上显示出来，而不需要手动给扫码枪设置焦点。 以上就是一个简单的WPF扫码枪无焦点自动获取数据的示例。具体根据实际需要进行相应的调整和优化。 ### 回答3： WPF（Windows Presentation Foundation）是一种用于创建用户界面的框架，而扫码枪则是一种用于快速扫描条形码或二维码的设备。如何实现WPF中扫码枪的无焦点自动获取数据呢？下面是一个简单的示例demo。 首先，我们需要在WPF窗口中添加一个TextBox控件来显示扫码后获取的数据。在XAML文件中，可以添加如下代码： ```xaml <Grid> <TextBox x:Name="txtData" Width="200" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding ScannedData, Mode=OneWay}" IsReadOnly="True" /> </Grid> ``` 在代码中，我们使用了一个名为txtData的TextBox控件，并绑定了一个名为ScannedData的属性来显示扫码结果。设置IsReadOnly属性为True，确保用户无法手动编辑该TextBox。 接下来，在后台的C#文件中，我们需要定义一个扫码枪接收数据的方法。可以添加如下代码： ```csharp public partial class MainWindow : Window { private string scannedData; public string ScannedData { get { return scannedData; } set { scannedData = value; OnPropertyChanged(nameof(ScannedData)); } } public MainWindow() { InitializeComponent(); } protected override void OnPreviewTextInput(TextCompositionEventArgs e) { base.OnPreviewTextInput(e); ScannedData += e.Text; } protected override void OnPreviewKeyDown(KeyEventArgs e) { base.OnPreviewKeyDown(e); if (e.Key == Key.Enter) { // 扫描完成后的操作 ScannedData = string.Empty; } } protected virtual void OnPropertyChanged(string propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } public event PropertyChangedEventHandler PropertyChanged; } ``` 在代码中，我们定义了一个名为ScannedData的属性来保存扫码枪获取的数据，并利用OnPreviewTextInput和OnPreviewKeyDown事件来实现自动更新数据。当用户按下Enter键表示扫描完成后，可以在if语句中执行相应的操作，例如清空ScannedData数据。 这样，当用户在TextBox控件内或外扫码时，数据就会自动显示在TextBox中。需要注意的是，在使用扫码枪时，需要确保焦点位于WPF窗口中，以便正确接收扫码数据。 以上就是一个简单的WPF扫码枪无焦点自动获取数据的demo。希望对你有所帮助！
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值