识别点击屏幕上的图片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 著作权归作者所有。请勿转载和采集!