平时在H5上玩小游戏时,经常使用高级监听器(' touch move ',touch )。 使用鼠标或手势移动时,如果遇到相对较大的素材,则需要调整鼠标或手势在素材上的位置。
加减touches中获取的值即可,渲染更改后的值
curX=e.touches[0].pageX - 90; //改变移动的是手的位置curY=e.touches[0].pageY - 90; //改变移动的是手的位置$(#touch ).CSS ) ) left':curx,' top': curY } ); 另外,进行移动的边界判断处理,使用变更后的x和y的值,通过加减数字,控制希望的边界范围curX=curX 50比较好吗? 50 : curX; curY=curY 50? 50 : curY; curx=curx document.documentelement.clientwidth-50? curx : document.documentelement.clientwidth-50; cury=cury document.documentelement.clientheight-50? cury : document.documentelement.clientheight-50;