iPad键盘隐藏时不会触发输入字段模糊事件?

Posted

技术标签:

【中文标题】iPad键盘隐藏时不会触发输入字段模糊事件?【英文标题】:Input field blur event doesn't trigger on iPad keyboard hide? 【发布时间】:2014-06-04 23:52:49 【问题描述】:

我有一个带有输入字段的页面。我想在模糊上运行一些 javascript 代码。像这样,

$('#inputfield').on('blur', function() 
...
);

它在桌面浏览器上运行良好,如果我在字段外点击或单击鼠标。在 iPad Safari 浏览器上,如果我在输入字段之外点击,它工作正常。

但如果我点击左下角的隐藏键盘按钮,则不会触发模糊事件。键盘隐藏时不会触发模糊事件吗?我看到指针/光标从键盘隐藏上的输入字段移开。有什么方法可以捕获键盘隐藏事件?

谢谢。

【问题讨论】:

这个帖子可能会有所帮助:***.com/questions/2593139/… 感谢您的链接。 focusout 事件对我有用。 太棒了:很高兴知道! 【参考方案1】:

来自Inforbiro:

jQuery - Focusout() 和 Blur() 事件的区别

您可以在 Internet 上找到许多示例,在这些示例中,您可以看到 focusout 和 blur 事件被用作同义词,您可能会对它们的用法感到困惑。 jQuery 的 .focusout() 和 .blur() 事件有什么区别?

.focusout() 和 blur() jQuery 事件之间的区别在于 .focusout() 会在某个元素或其中的任何元素失去焦点时发送到该元素。 .blur() 事件支持检测父元素失去焦点(即,它支持事件冒泡) 什么是事件冒泡

jQuery 中的事件冒泡表示将一个元素中触发的事件传播到 DOM 层次结构中的上层或下层元素。

我过去在使用blur 时遇到过问题,现在我只是坚持使用focusout

看看 jQuery 文档,他们展示了一个 example of focusout vs blur

【讨论】:

以上是关于iPad键盘隐藏时不会触发输入字段模糊事件?的主要内容,如果未能解决你的问题,请参考以下文章

隐藏 Ipad 的键盘,但仍然可以通过自定义键盘进入输入字段

在 Ajax 应用程序中提交表单时隐藏移动 Safari 键盘

iOS 9 上的 Safari 不会触发隐藏输入文件的点击事件

“隐藏键盘”按钮不会将键盘隐藏在iPad模拟器上

IOS下H5的input/textarea元素失去焦点时隐藏键盘

iOS iPad应用程序不隐藏键盘