可以使用touch事件来识别点击屏幕上的图片,具体步骤如下:

  1. 给图片元素绑定touchstart事件。

  2. 在事件处理函数中,获取触摸点的坐标。

  3. 判断触摸点是否在图片范围内,可以使用getBoundingClientRect()方法获取图片的位置和尺寸信息。

  4. 如果触摸点在图片范围内,则认为点击了图片。

示例代码如下:

var img = document.getElementById('myImg');
img.addEventListener('touchstart', function(e) {
  var touch = e.touches[0];
  var rect = img.getBoundingClientRect();
  if (touch.clientX >= rect.left && touch.clientX <= rect.right &&
      touch.clientY >= rect.top && touch.clientY <= rect.bottom) {
    // 点击了图片
  }
});
识别点击屏幕上的图片js移动端

原文地址: https://www.cveoy.top/t/topic/bG5C 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录