touchmove时鼠标点击的位置调整

平时用H5做小游戏时，经常会用到 addEventListener("touchmove",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;

touchmove时鼠标点击的位置调整相关推荐

winform中TreeView控件复选框联动时鼠标点击过快导致的显示不正确的问题
今天我在试着做一个C#树形视图(TreeView)控件,要求在每个节点前面添加一个可用于打勾的复选框,并要求复选框有上下级联动的效果.现在在网上能查到挺多满足这类功能的代码,原本我也以为这是一件挺简单 ...
C# - 解决TreeView控件复选框联动时鼠标点击过快导致的显示不正确的问题
2019独角兽企业重金招聘Python工程师标准>>> 今天我在试着做一个C#树形视图(TreeView)控件,要求在每个节点前面添加一个可用于打勾的复选框,并要求复选框有上下级联动 ...
button点击后出现的边框_代码分享：原生js实现，鼠标点击按钮时，多彩粒子散射特效。...
原地址,可以在线查看演示效果,要是下面的代码复制后运行有问题,可以从原地址去复制,我试过了,OK的. 原生js实现,鼠标点击按钮时,多彩粒子散射特效.fairysoftware.com 完整代码,复 ...
鼠标点击图片移动时图片移动，松开鼠标，再移动鼠标时，图片仍随着鼠标移动问题
解决方法见红色代码,在mousedown事件下加入红色部分的代码,即禁止拖动img图片.原因不明,但是好使,哈哈.下面的整个代码为实现鼠标点击图片移动图片,松开鼠标停止移动功能.//鼠标拖动 va ...
C# 在获得鼠标点击事件时，如何判断Control键，Shift键被按下
在C#的窗体程序中,获得鼠标点击的事件时,想要得知当前是否有Control键,Shift键等是否被按下. 1 private void xxx_MouseClick(object sender, Mo ...
js+css实现鼠标点击时出现小心心
1.先看效果图: 2.代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
Unity 获取鼠标点击图片时获取点击位置的像素
脚本要求: 需要获取颜色的图片以走下角为起点建立空物体右上角建立空物体(两个空物体均设置为图片的子物体,设置好锚点,将坐标改为0即可).建立好碰撞体(BoxCollider).用2DBoxColli ...
el-tree中更改鼠标移动时、点击时和失去焦点时的背景色
el-tree中更改鼠标移动时.点击时和失去焦点时的背景色注意: 此修改仅在没有加scoped的style标签下起作用,加上scoped则不起作用,如果该页面其他样式需要有scoped,那就在页面上 ...
win10 qq远程不上服务器未响应,Win10系统QQ远程协助时无法使用鼠标点击的解决方法...
原标题:Win10系统QQ远程协助时无法使用鼠标点击的解决方法有用户反映在Win10系统上使用QQ远程协助功能的时候,无法使用鼠标点击,这是怎么回事呢?在Win10系统上使用QQ远程协助时鼠标不能点 ...

touchmove时鼠标点击的位置调整

touchmove时鼠标点击的位置调整相关推荐

最新文章

热门文章