我爲div元素添加tabIndex併爲其添加onblur屬性。它適用於我的筆記本電腦，但它不適用於手機

Question

我在我的html中有一個元素，如下所示。

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

模糊事件在筆記本電腦上正確觸發，但無法在移動設備上觸發（僅在IOS設備中）。

任何人都知道這是爲什麼？提前致謝。

Answer 1

我有理由。 IOS設備中的元素（如div格式和span）不可點擊。所以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時，所有的屏幕都會被刷新。

所以我需要修復它。任何人對此都有一些建議。