JavaScript 处理设备触摸屏被按住

Question

我正在制作一个 JavaScript 画布游戏，我需要检测设备上的触摸屏是否被按住而不是被点击。我让它开始触摸，但我不知道如何在按住方法时继续调用它。

所以我添加了事件处理程序

function addTouchEventHandlers() 
{      
screen.canvas.addEventListener( 'touchstart', touchStart);      
screen.canvas.addEventListener( 'touchend', touchEnd );   
}

我有触摸开始和触摸结束

function touchStart(e) {      
if (gameStarted) {         
// Prevent players from inadvertently          
// dragging the game canvas         
e.preventDefault();       
}};

function touchEnd(e) {      
    var x = e.changedTouches[0].pageX;  
    var y = e.changedTouches[0].pageY; 

    if (gameStarted) {         
        if (x > screen.width/2) 
        {            
           processRightTap();            
        }         
        else if (x < screen.width/2 && y < screen.height/2) 
        {                 
           processTopLeftTap();   <- I want to keep calling this method when held down     
        }
        else if (x < screen.width/2 && y > screen.height/2) 
        {                       
           processBottomLeftTap();  <- I want to keep calling this method when held down           
        }  
        // Prevent players from double         
       // tapping to zoom into the canvas         
        e.preventDefault();       
}   
};

方法只是改变我的精灵的位置

function processBottomLeftTap() {      
 ship.y += 4;
}

function processTopLeftTap() {      
ship.y -= 4;
}

他们的东西类似于键盘方法isPressed和isDown吗？ 或者我将如何围绕该方法创建一个while循环？ 类似的东西。

while(The screen is being touched at X position)
{
processTopLeftTap();
}

Answer 1

您可以在touchStart 中使用setInterval()，在回调中使用processTopLeftTap()，然后在touchEnd 上调用clearInterval()。