单击时如何防止图像放大/缩小

Question

当我在浏览器中打开大图像时(例如。，https://some-image.jpg)，Chrome将显示一个"放大"光标，然后缩放单击的图像(再次单击时缩小(。

尽管页面上根本没有JavaScript，文档中也没有任何事件侦听器，但还是会发生这种情况。缩放发生在onmousedown之后、onmouseup期间或之后以及onclick之前。我已经尝试了所有常见的取消活动的JS。例如，这没有效果：

imgElement.addEventListener('mouseup', (e) => {
e.cancelBubble = true;
e.stopPropagation();
e.preventDefault();
e.returnValue = false;
e.cancel = true;
}, false);

有没有办法防止这种行为？

编辑：我应该澄清一下，我想阻止的缩放行为是Chrome对图像的默认行为。

Answer 1

也许用另一个光标覆盖光标，而不是放大：

css文件

img {
cursor: pointer !important;
}

这应该可以做到