单击时如何防止图像被缩放 in/out？

Question

当我在浏览器中打开大图像时（例如，https://some-image.jpg），Chrome 将显示一个 'zoom-in' 光标，然后缩放图像然后单击（并在缩小时缩小）再次点击）。

尽管页面上根本没有 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;
}

应该就可以了

单击时如何防止图像被缩放 in/out？

How can I prevent images from being zoomed in/out when clicked?

javascript

css

google-chrome

google-chrome-extension