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中运用螺旋扫描绘制有退刀槽的螺纹
  • 提莫上单出装顺序|上单提莫怎么出装加点
  • 方舟生存进化攻略
  • 热门搜索
    班戟皮的做法 火烧的做法 畸胎瘤是怎么形成的 炒面的做法大全家常 腋窝下有疙瘩怎么回事 怎么的拼音 谌怎么读 僭怎么读 爱奇艺自动续费怎么取消 手机安全模式怎么解除