Html ionic 3中的touchstart和touchend事件

Html ionic 3中的touchstart和touchend事件,html,ionic3,touch,dom-events,touchstart,Html,Ionic3,Touch,Dom Events,Touchstart,我正在寻找一个独立的事件处理程序在离子3开始和结束一个移动应用程序上的HTML元素触摸 我发现了许多相关的问题并解决了,但离子3没有,它目前似乎只支持“点击、按下、平移、滑动、旋转和捏”(tap、press、pan、swip、rotate和pinch)。 所有这些似乎都没有在开始时提供“处理程序”,而只是在结束时提供。我看到他们确实给出了触摸持续时间(deltaTime)的数据,但到那时,它对我的目的没有任何用处 对于更多上下文,我想要的是在屏幕第一次接触某个元素的确切时刻清除相关超时,然后查看

我正在寻找一个独立的事件处理程序在离子3开始和结束一个移动应用程序上的HTML元素触摸

我发现了许多相关的问题并解决了,但离子3没有,它目前似乎只支持“点击、按下、平移、滑动、旋转和捏”(tap、press、pan、swip、rotate和pinch)。 所有这些似乎都没有在开始时提供“处理程序”,而只是在结束时提供。我看到他们确实给出了触摸持续时间(deltaTime)的数据,但到那时,它对我的目的没有任何用处

对于更多上下文,我想要的是在屏幕第一次接触某个元素的确切时刻清除相关超时,然后查看在同一特定元素上的该接触是否在特定时间内结束(例如250 ms,以便可以将其评估为“点击”)

例如,类似这样的事情:

JS:

HTML:

触摸按钮
高精度(低至毫秒)将非常重要,尤其是对于触摸启动时间

任何建议都将不胜感激。

Html 尝试div或button

<div style="height:100%;width:100%" (touchstart)="touchstart($event)" (touchend)="touchend($event)">
  </div>
  <button ion-button large primary (touchstart)="touchstart($event);">touchstart</button>
<button ion-button large primary (touchend)="touchend($event);">touchend</button>

是否需要touchstart和touchend事件。如果你需要这个元素,我需要开始和结束。它可以是任何常规HTML元素,例如一个按钮,在这种情况下它看起来是这样的:
点击这个按钮
(或者说,如果它是一个
,它会有区别吗?)。触摸事件将在移动设备和浏览器中工作切换到移动视图并检查touchstart和touchend是否工作检查此项非常感谢您的快速和完美回复。事实上,我做了基本相同的事情,但是你的回复让我做了更多的测试,我意识到这确实是正确的,但是这个事件通常不会在我一直在测试的浏览器上工作。但现在我尝试了一个移动设备模拟()——它工作得很好。希望这也能帮助其他人。对于你上面的评论:是的,我刚刚意识到这一点,所以在你回复之前我已经删除了我以前的评论。但再次感谢你。
<button ion-button type="button" (button_touch_started) = "touched($event)" (button_touch_ended) = "touch_ended($event)">Touch button</button>
<div style="height:100%;width:100%" (touchstart)="touchstart($event)" (touchend)="touchend($event)">
  </div>
  <button ion-button large primary (touchstart)="touchstart($event);">touchstart</button>
<button ion-button large primary (touchend)="touchend($event);">touchend</button>
touchstart(event){
    console.log(event);
  }

  touchend(event){
    console.log(event);
  }