Zeigen Sie alle iPhone-Bildschirm-Interaktionsereignisse dem Benutzer an

Question

Mein iPhone-Bildschirm wird abgespielt. Ich hatte die Idee, da ich ein Webentwickler bin, mit meinem Handy auf eine Seite auf dem Webserver meiner lokalen Maschine oder auf jsfiddle zu gehen und auf dieser Seite ein paar jQuery laufen zu lassen, die mir ein einfaches Feedback über jede Berührung geben Veranstaltung. (Ich habe das Gefühl, dass ich viele falsche Wischvorgänge sehen werde, wenn ich zum Beispiel den Bildschirm nicht berühre).

So etwas wie folgt aus:

<div id="feedback"> 
</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 

function feedback(msg){ 
    $("#feedback").append("<div class=\"line\">"+msg+"</div"); 
} 

$(function() { 
    feedback("in $(function) block"); 
    $(document).on("click", function(event){ 
    feedback("clicked at "+event.pageX+","+event.pageY); 
    }); 
    //can you replace the below with working code? 
    $(document).on("all events", function(event){ 
    var msg = "Some basic info about this event: if it's a swipe, which direction. if it's a keypress, which character? etc" 
    feedback(msg); 
    }); 
}); 

</script> 

ich das oben in einem jsfiddle hier festgelegt haben: https://jsfiddle.net/sxqjp9xe/

Benötige ich einen Handler für jedes Ereignis zu schreiben, die mich interessieren, wie Habe ich mit dem Click-Handler gemacht? Oder gibt es eine allgemeinere Lösung? Danke, Max

EDIT: änderte meine "Rückgespräch" Funktion, um prepend() anstelle von append() zu verwenden, da es einfacher ist zu sehen, sobald Sie viele Linien dort erhalten.

Answer 1

können Sie mehr als ein Ereignis in dem Handler:

function feedback(msg){ 
$("#feedback").append("<div class=\"line\">"+msg+"</div"); 
} 

$(document).on("blur touchstart touchmove touchend touchcancel focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error", function(event) { 
var msg = event.type 
    feedback(msg); 
} 

https://jsfiddle.net/e9e0ehyc/