html - 我为 div 元素添加 tabIndex 并为其添加 onblur 属性。它在我的笔记本电脑上运行良好，但在移动设备上无法运行

Question

我的 html 中有一个元素如下。

<div tabindex="-1" onblur="javascript:alert('hellow');">KKKKK</div>

blur 事件在我的笔记本电脑上正确触发，但不能在移动设备上触发(仅在 IOS 设备上)。

有人知道这是为什么吗？提前致谢。

Answer 1

我已经找到原因了。元素(例如 div 表单和跨度)在 IOS 设备中不可点击。所以 div 无法获得焦点。

所以我这样解决这个问题。

<div width="400px" height="400px" onclick="javascript: function(e){e.preventDefault();}">
   <div width="200px" height="200px" onclick="javascript: function(e){e.preventDefault();}" onblur="javascript: console.log('blur....')"> inner div</div>
  outer div
</div>

但是当我点击 out div 时，所有屏幕都会刷新。

所以我需要修复它。任何人都可以给我一些建议。