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

约金

当我在浏览器中打开大图像(例如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 对图像的默认行为。

spadletskys

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

css文件

img {
cursor: pointer !important;
}

那应该这样做

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章