什么觸發了移動游獵（iPad）上的模糊事件

Question

我有一個datepicker控制器，當用戶觸摸屏幕上不是datepicker的某個地方時，我想模糊。 我遇到的問題是我不明白觸發模糊事件的原因。 例如，如果用戶觸摸下個月觸發模糊事件，那么我想說，如果relatedTarget是datepicker（下個月）內的一個類，那么顯示下個月並且不隱藏datepicker，如果relatedTarget是不在日歷上隱藏它。 問題是relatedTarget總是未定義的。

所以我有兩個問題：

1. 什么在移動Safari上模糊了模糊事件？
2. 為什么在移動Safari中始終未定義event.relatedTarget屬性？

Answer 1

在這里找到： http ： //developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5

以下注釋：“iOS注意：盡管不支持拖放，但您可以使用Safari CSS Visual Effects指南中的”使用觸摸拖動元素“中所述的觸摸事件生成相同的效果。卸載事件可能無法按預期工作用於后退和前進優化。請改用pageshow和pagehide事件。“

HTH

Answer 2

舊帖子，但可能有助於futere參考。

前幾天遇到同樣的問題。 關於你的第一個問題：在移動Safari上觸發模糊事件的原因是什么？ - >觸摸事件（iPad / iPhone）時不會觸發。

我通過在封閉的div上設置一個事件監聽器來處理它。 與你（至少我）可能期望的內容相反，你想要聽的事是“點擊”。 簡化情況下面：

<div id="enclosing-div">
  <input type="date" "id="date-picker-field">
  <!--Whatever other elements you might have in the enclosing div-->
</div>

現在你的js看起來像這樣：

//js

//Get the enclosing div
var enclosingDiv = document.getElementById('enclosing-div');
//Set up an event listener
enclosingDiv.addEventListener('click', blurEnclosedElements);

//function to handle the event listener
function blurEnclosedElements(){
  //Get the element(s) you want to blur and apply your blur logics to it
}