使用纯JavaScript在移动设备上显示图像覆盖

我有一个要求，当用户触摸图像时，我需要在移动设备上显示覆盖图像。我正在使用下面显示的代码执行此操作：

document.getElementsByTagName（'img'）[0]。addEventListener（'touchstart'，函数（事件）{
let elementExists=document.getElementById（'wrapper'）；
让Center=document.createElement（'div'）；
如果（！element存在）{
让Wrapper=document.createElement（'div'）；
让parentElement=event.currentTarget.parentElement；
Wrapper.classList.add（'Wrapper'）；
Wrapper.id='Wrapper'；
Center.classList.add（'Center'）；
appendChild（包装器）；
附加子对象（中心）；
Wrapper.addEventListener（'touchend'，函数（事件）{
if（document.getElementById（'wrapper'））{
document.getElementById（'wrapper'）.remove（）；
}
});
}
});
.col-md-6{
宽度：375px；
身高：211px；
利润率：20px；
位置：相对位置；
}
.包装纸{
显示：表格；
位置：绝对位置；
背景色：rgba（0,0,0,0.5）；
身高：100%！重要；
宽度：100%；
文本对齐：居中；
z指数：1000；
字体系列：arial；
颜色：#fff；
排名：0；
}
.中心{
显示：表格单元格；
垂直对齐：中间对齐；
}

为什么不删除链接，直接将事件侦听器添加到图像中？
为什么不删除链接，直接将事件侦听器添加到图像中？
移动设备上链接的本机行为如您所述。按住此键时将触发菜单。如果你不需要链接，就像Bojan说的那样删除它。
移动设备上链接的本机行为正如你所解释的那样有效。按住此键时将触发菜单。如果您不需要链接，只需像Bojan所说的那样删除它。
我只是将事件侦听器添加到图像中。不链接。所以你实际上是想让图片既成为链接又成为触控事件？他的意思是，你可以从JS做任何事情，因为你有鼠标事件，这样你就可以摆脱锚标签。我不太清楚。但我需要这两种形象上的行为。1.如果用户单击图像，它应该将他重定向到a href链接。2.如果用户长时间触摸该图像，则应显示覆盖，而不显示弹出窗口。请告诉我可能的解决方案。@BojanIvanac是的，我的要求是将图像同时作为链接和触摸事件处理。我只将事件侦听器添加到图像中。不链接。所以你实际上是想让图片既成为链接又成为触控事件？他的意思是，你可以从JS做任何事情，因为你有鼠标事件，这样你就可以摆脱锚标签。我不太清楚。但我需要这两种形象上的行为。1.如果用户单击图像，它应该将他重定向到a href链接。2.如果用户长时间触摸该图像，则应显示覆盖，而不显示弹出窗口。请告诉我可能的解决方案。@BojanIvanac是的，我的要求是将图像同时作为链接和触摸事件处理。我没有得到确切的答案。但我需要这两种形象上的行为。1.如果用户单击图像，它应该将他重定向到a href链接。2.如果用户长时间触摸该图像，则应显示覆盖，而不显示弹出窗口。请让我知道可能的解决方案。我不太清楚。但我需要这两种形象上的行为。1.如果用户单击图像，它应该将他重定向到a href链接。2.如果用户长时间触摸该图像，则应显示覆盖，而不显示弹出窗口。请告诉我可能的解决办法。