Question

我的iPhone的屏幕正在播放。我有这个想法，因为我是网络开发人员，使用我的手机在我本地计算机的网络服务器或jsfiddle上访问页面，并在该页面上运行了一些jquery，这给了我一些关于每个触摸事件的简单反馈。（我觉得即使我没有触摸屏幕，我也会看到很多虚假的刷卡事件。）

所以，像这样：

<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>

我在这里用jsfiddle设置了这个：https://jsfiddle.net/sxqjp9xe/

我是否需要为我感兴趣的每个事件编写处理程序，就像我使用点击处理程序一样？还是有一些更通用的解决方案？谢谢，Max

编辑：改变了我的反馈＆＃34;功能使用prepend()代替append()，因为一旦你在那里获得很多行，它就会更容易看到。

Answer 1

您可以在处理程序中包含多个事件：

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/

向用户显示所有iphone屏幕交互事件

1 个答案: