javascript - Javascript:onblur在移动Safari中获取与事件相关的Target

Question

所以，我有一个带有自定义验证的表单，该表单在输入模糊事件时触发...

工作良好

如果页面上存在验证错误，则表单提交会阻止提交表单...

有效的意思是，如果有错误消息并且它是集中的....如果您单击提交按钮，则首先触发元素的模糊，然后提交...但是因为元素是

实际上，我将不得不单击两次提交。...第一次重新验证元素，第二次再次触发提交...(当所有元素都有效时)

所以在模糊时，我会

if ( event.relatedTarget && event.relatedTarget.type === "submit" ) {
...
}

并检查(元素的blur事件的)发起者是否是“提交”按钮...如果是，则跳过验证并直接触发提交...(处理验证本身)。

即使在OSX中，它也能完美运行

问题是移动浏览器...根本不会填充event.relatedTarget ...(在提交点击时始终为null...。仅在其他元素关注的位置填充)...。

如何在iOS上获得煽动者？

Answer 1

我遇到了同样的问题，我不得不两次单击表单上的“提交”按钮(在iOS上。)令人惊讶的是，我发现此解决方案有效:

how to prevent blur running

最初并不清楚，但是使用此解决方案时，mousedown事件会阻止我正常的blur事件发生，但是如果您单击iOS键盘上的“Done”，则将运行blur事件，因为没有mousedown事件。