Ionic 3多按钮按下

时间:2018-03-14 22:27:39

标签: angular ionic-framework mobile ionic3 multi-touch

我正在开发离子应用,我需要手机游戏功能,当我按住2个按钮时,我需要调用一个具有不同参数的功能,并开始将事件记录到控制台,在pressend或touchend停止记录。

示例 - 按下一个按钮(例如左箭头),我应该可以按下一个按钮(例如,中断按钮)。问题是当我按住第一个按钮并按下第二个按钮,应用程序卡住,当我停止按下时,应用程序交替调用两个功能,并且永远不会停止按下或触摸结束时调用它。

应用程序就像app没有多点触控。当我只按一个按钮时,一切都很清楚。

<button class="left_button"
           (touchstart)="buttonPressed('LEFT')" (touchend)="buttonEnd('Stop-left')"
           (mousedown)="buttonPressed('LEFT')" (mouseup)="buttonEnd('Stop-left')"
 >
<button ion-fab color="custom-secondary"
                  (touchstart)="buttonPressed('BREAK')" (touchend)="buttonEnd('BREAKE-END')"
                  (mousedown)="buttonPressed('BREAK')" (mouseup)="buttonEnd('BREAKE-END')"
          >

和功能

buttonPressed(event: string) {
this.buttonPressEvent = event;
this.isButtonPressed = true;
console.log("TEST _ ");
this.interval = setInterval(() => {
//CALLING SOCKET
  console.log("\t PRESSING - " + event);
}, this.globals.sendingDataInterval);}

buttonEnd(event: string) {
    this.isButtonPressed = false;
    console.log('STOP PRESSING' + event');
    //STOP CALLING SOCKET
    clearInterval(this.interval);
    this.buttonPressEvent = '';
  }

0 个答案:

没有答案