Klicken Sie auf Ereignis-listener funktioniert in Safari in OSX aber nicht in iOS

Mache ich eine web-app und ich möchte auf ein element zu klicken und zu verarbeiten, die auf in einem long-click-event-handler. Ich Teste in Safari. Das folgende funktioniert in Safari auf meinem Mac, aber nicht in iOS:

<html>
    <head>
        <script>
            window.addEventListener("click",function (event) {
                alert('hi');
            });
        </script>
    </head>
    <body>
        <div style="width: 100%; height: 100%; background: black;">
        </div>
    </body>
</html>

Warum funktioniert das in der OSX-version von Safari, aber nicht in iOS?

InformationsquelleAutor Mark | 2012-12-27
  1. 1

    Dieser code sollte funktionieren, cross-browser:

    function Subscribe(event, element, func) {
    if (element.addEventListener) {
        element.addEventListener(event, func, false);
    } else if (element.attachEvent) {
        element.attachEvent("on" + event, func);
    } else {
        element['on' + event] = func;
    }
}

function func () {
    alert('hi');
}

Subscribe('click', window, func);
    • Ich brauche nicht ein cross-Plattform-Lösung. Ich muss es funktioniert in Safari. Wenn ich alles entfernen, das nicht für Safari aus dem code umzuschreiben und es werden weniger ausführlich, dann bekomme ich genau das gleiche wie mein original-code, der nicht funktioniert. Haben Sie andere Vorstellungen?
    InformationsquelleAutor Konstantin Dinev
  2. 1

    Versuchen Sie, die event-listener "auf" bis "klicken Sie auf touchstart"

    • Ich habe versucht ersetzen Sie "klicken" mit "klicken Sie auf touchstart" aber, bricht der code komplett. Sind Sie sicher, dass das richtig wäre?
    • Ich denke, diese Antwort war in Zusammenhang mit jQuery. Dies könnte helfen: stackoverflow.com/questions/11845678/...
    • addEventListener akzeptiert nur ein einzelnes Ereignis, es funktioniert nicht, wie jQuery.
    InformationsquelleAutor Chaitanya Munipalle
  3. 0

    Fand ich eine sehr einfache Lösung. Habe ich eine weitere div über das div-element, in meinem Beispiel-code (siehe meine Frage oben). Die öffnung div-tag ist

    <div onClick="">

    Alle divs innerhalb dieses div-tag wird jetzt auch ausgelöst werden, wird das click-Ereignis. Dies funktioniert auch mit touchstart.

    InformationsquelleAutor Mark
Schreibe einen Kommentar