jquery 怎样获取触屏坐标

 时间:2024-11-19 21:08:08

1、第一步,首先我们前往官网查看一下touch事件的详细说明和使用方法,clientX / clientY: //触摸点相对浏览器窗口的位置pageX / pageY: //触摸点相对于页面的位置screenX / screenY: //触摸点相对于屏幕的位置详细如下图

jquery 怎样获取触屏坐标

2、第二步,为了我们更加方便的对javascript的操作,我们使用html编辑器sublime_text,详细如下图

jquery 怎样获取触屏坐标

3、第三步,我们创建一个html文件,然后写入网页的基本代码,引入jquery,详细如下图

jquery 怎样获取触屏坐标

4、第四步,我们写入一个触屏事件touchstart,然后利用screenX,screenY获取相对于屏幕的坐标,详细代码如下图

jquery 怎样获取触屏坐标

5、第五步,我们把html文件拖到浏览器中打开,然后按f12,然后在按快捷键ctrl+shift+m调出手机模式,也可以点击下面的图标,详细如下图

jquery 怎样获取触屏坐标

6、第六步,手机模式下,我们可以调试了,鼠标模拟手指触屏,每次点击都获取当前距离屏幕的坐标,详细如下图

jquery 怎样获取触屏坐标
  • 如何选购美味的砂糖梨?
  • 怎么保证线程安全
  • 在creo3.0中运用螺旋扫描绘制有退刀槽的螺纹
  • 提莫上单出装顺序|上单提莫怎么出装加点
  • 方舟生存进化攻略
  • 热门搜索
    古诗手抄报大全 节约从我做起手抄报 三年级手抄报保护环境 动物世界手抄报 感恩英语手抄报内容 放飞科技梦想手抄报 心里手抄报 关于春节的语文手抄报 小学生春节手抄报大全 科技点亮生活手抄报