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

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 对图像的默认行为。

标签： javascriptcssgoogle-chromegoogle-chrome-extension

Answer 1

也许用 anotehr 光标覆盖光标而不是放大：

css 文件

img {
cursor: pointer !important;
}

应该这样做