识别点击屏幕上的图片js移动端
可以使用touch事件来识别点击屏幕上的图片,具体步骤如下:
- 
给图片元素绑定touchstart事件。
 - 
在事件处理函数中,获取触摸点的坐标。
 - 
判断触摸点是否在图片范围内,可以使用getBoundingClientRect()方法获取图片的位置和尺寸信息。
 - 
如果触摸点在图片范围内,则认为点击了图片。
 
示例代码如下:
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) {
    // 点击了图片
  }
});
原文地址: https://www.cveoy.top/t/topic/bG5C 著作权归作者所有。请勿转载和采集!