javascript - JS/jQuery - 当用户点击 "Enter"时,blur() 不会触发?

标签 javascript jquery html forms blur

我有一个表单字段,我想在用户提交表单之前稍微修改一下。 具体来说,它是一个位置字段,我需要检查他们是否添加了州缩写。如果没有,我添加它。

我正在观察blur(),这样我就可以看到用户何时在该字段中进行选项卡或单击:

  $('#views-exposed-form-libraries-map-page-1 .form-item-field-geofield-distance-origin input').blur(function(){
// do stuff
});

` 当用户单击输入按钮或选项卡时,这种方法可以正常工作。 然而,当用户点击“输入”或“返回”来提交表单时,该函数不会运行 - 我猜测是因为没有模糊事件。

是否有其他方法可以在用户点击“输入”或“返回”时获取输入的值并对其进行编辑?

最佳答案

您可以创建一个 .submit() 来在焦点元素上触发 .blur() ,如下所示:

$('form').submit(function(){
     $(':focus').trigger('blur');
})

关于javascript - JS/jQuery - 当用户点击 "Enter"时,blur() 不会触发?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18936693/

相关文章:

javascript - Knockout 共享绑定(bind)处理程序

javascript - React Native - 将登录的 Firebase 用户重定向到 Home 组件

javascript - 文本区域的下划线文本

javascript - HTML5 删除我的绘图

javascript - 通过 jquery ajax post 下载文件

javascript - 如何在随机时间和随机消息对话框中显示弹出窗口?

javascript - jquery 使用meteorjs 在模态中进行验证

javascript - JQuery 和 SoundManger 运行不佳

javascript - 无需在 AngularJS 中重新初始化 Controller 即可更改包含的页面和 URL

css - 当 <td> 存在全局样式时,将背景颜色指定为行的内联样式