Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在下面的html益智游戏中将箭头键事件更改为触摸事件_Javascript_Html_Mobile_Layout_Touch Event - Fatal编程技术网

Javascript 如何在下面的html益智游戏中将箭头键事件更改为触摸事件

Javascript 如何在下面的html益智游戏中将箭头键事件更改为触摸事件,javascript,html,mobile,layout,touch-event,Javascript,Html,Mobile,Layout,Touch Event,我正在尝试用HTML开发一个益智游戏。我可以在笔记本电脑上用箭头键移动拼图框,但由于没有箭头键,我无法在手机上移动拼图框。我不知道如何将箭头键更改为touchmove事件,以便在手机上进行操作。我是HTML的初学者 请帮助我将此代码更改为touch mobile 提前谢谢 下面是我的代码: 拼图 帆布{ 宽度:450px; 高度:450px; 边框:5px纯黑; 保证金:自动 } 经典益智游戏 原始图像 var canvas=document.getElementById(“canvas”);

我正在尝试用HTML开发一个益智游戏。我可以在笔记本电脑上用箭头键移动拼图框,但由于没有箭头键,我无法在手机上移动拼图框。我不知道如何将箭头键更改为touchmove事件,以便在手机上进行操作。我是HTML的初学者

请帮助我将此代码更改为touch mobile

提前谢谢

下面是我的代码:

拼图
帆布{
宽度:450px;
高度:450px;
边框:5px纯黑;
保证金:自动
}
经典益智游戏
原始图像
var canvas=document.getElementById(“canvas”);
var ctx=canvas.getContext(“2d”);
var空=9;
var移动=-1;
函数洗牌(数组){
var currentIndex=array.length,temporaryValue,randomIndex;
//虽然还有一些元素需要洗牌。。。
而(0!==currentIndex){
//选择剩余的元素。。。
randomIndex=Math.floor(Math.random()*currentIndex);
currentIndex-=1;
//并将其与当前元素交换。
临时值=数组[currentIndex];
数组[currentIndex]=数组[randomIndex];
数组[randomIndex]=临时值;
}
返回数组;
}
var ar=[1,2,3,4,5,6,7,8,0];
im=shuffle([1,2,3,4,5,6,7,8,0]);

对于(var i=0;iYou应该监听keydown或keyup事件。更多信息,我对html非常陌生。我需要编辑代码以使其在移动设备上工作。