Как скрыть элемент вне IFRAME, когда пользователь касается или удаляет любую часть IFRAME на мобильном устройстве? - PullRequest
Новая
       25

Как скрыть элемент вне IFRAME, когда пользователь касается или удаляет любую часть IFRAME на мобильном устройстве?

0 голосов
/ 21 декабря 2018

Мне нужна помощь в исправлении / оптимизации моего кода, когда я пытаюсь скрыть DIV, который находится за пределами IFRAME, при перелистывании IFRAME на мобильном устройстве через событие touchmove.Содержимое IFRAME находится в том же доменном имени, что и этот код, но находится в другом каталоге.

Пример структуры HTML: 

<iframe id="iframe_to_swipe" src="SAME ORIGIN" />
<div id="div_to_hide"></div>

<style>
#div_to_hide {display: block}
</style>

window.onload = function() {
    var oFrame = document.getElementById("iframe_to_swipe");
    oFrame.contentWindow.document.onclick = function() {
        document.getElementById("div_to_hide").style.display = "none";
    };
};

У меня есть код выше, который отлично работает на рабочем столе черезСобытие onClick.Ниже приведено описание того, что я пробовал для мобильных устройств, но НЕ работает. 

window.onload = function() {
document.getElementById("iframe_to_swipe").addEventListener("touchmove", myFunction);
function myFunction() {
document.getElementById("div_to_hide").style.display = "none";
}

Я хочу скрыть «div_to_hide», когда я провожу пальцем или касаюсь «iframe_to_swipe» на мобильном устройстве

...