#鸿蒙通关秘籍#如何处理鸿蒙系统中组件上的触摸事件？

<Button('Touch').height(40).width(100)
  .onTouch((event?: TouchEvent) => {
    if(event){
      let eventType = '';
      switch(event.type) {
        case TouchType.Down:
          eventType = 'Down';
          break;
        case TouchType.Up:
          eventType = 'Up';
          break;
        case TouchType.Move:
          eventType = 'Move';
          break;
      }
      let text = 'TouchType: ' + eventType + '\nDistance between touch point and touch element:\nx: ' +
      event.touches[0].x + '\ny: ' + event.touches[0].y + '\nComponent globalPos: (' +
      event.target.area.globalPosition.x + ',' + event.target.area.globalPosition.y + ')\nwidth: ' +
      event.target.area.width + '\nheight: ' + event.target.area.height;
    }
  })
>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.