次のコードを使用してポップアップを非表示にしています。
$(document).on('mouseup touchstart',function (event) {
var container = $('#selected_thing');
if (!container.is(event.target) // if the target of the click isn't the container...
&& container.has(event.target).length === 0) { // ... nor a descendant of the container
container.hide();
}
});
mouseup
マウスクリックのイベントtouchstart
と指タップのイベント。
ユーザーの意図が 1 回のタップではなくスクロール (つまり、タップ アンド ドラッグ) である場合に、ポップアップを「タップして離す」ことを防ぐにはどうすればよいですか?
最近の iOS と Android の両方のブラウザーで動作するソリューションが望ましいでしょう。