我有一个画布应用程序，没有内置的缩放和平移解决方案。
我的解决方案是在画布上覆盖指针事件：all和opacity：0，以便您可以缩放和平移。
我现在的问题是把一个点击从覆盖层委托给画布。现在我的想法是把触摸点击的坐标和模拟这个点击再次与指针事件：没有，但它不工作。

$(document).on('touchstart', function (event) {
  showCoordinates(event);
});

function showCoordinates(event) {
  var x = event.touches[0].clientX;
  var y = event.touches[0].clientY;
  console.log(x);
  console.log(y);
  $('#overlay').css('pointer-events','none');
  var myEvent = $.Event( "touchstart", { pageX:x, pageY:y } );
  $("body").trigger( myEvent );
  $('#overlay').css('pointer-events','all');
}

我的主要问题是在这里模拟点击

var myEvent = $.Event( "touchstart", { pageX:x, pageY:y } );
$("body").trigger( myEvent );

它甚至在谷歌Chrome控制台中都不能工作，我在这里做错了什么？