jquery 怎样获取触屏坐标

 时间:2026-02-16 12:08:13

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中运用螺旋扫描绘制有退刀槽的螺纹
  • 提莫上单出装顺序|上单提莫怎么出装加点
  • 方舟生存进化攻略
  • 热门搜索
    快乐读书手抄报图片 小学生新年手抄报 关爱生命手抄报 战争与和平手抄报 走进大自然手抄报 新学期手抄报图片 喜迎国庆手抄报 法律伴我行手抄报 手抄报图片大全简单 四年级上册数学手抄报