当我在浏览器中打开大图像(例如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 对图像的默认行为。
也许用 anotehr 光标而不是放大来覆盖光标:
css文件
img {
cursor: pointer !important;
}
那应该这样做
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句