如何解决使图像不可拖动但仍可点击/悬停
我的网站上有一些图片,我想知道如何阻止它们被拖动,但我仍然可以点击/悬停在它们上。
此代码在 Firefox 上不起作用,我可以拖动它:
img {
user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
这使得它不可点击/悬停:
img {
pointer-events: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
user-drag: none;
}
解决方法
只需在 img 标签中添加 draggable 属性
这是一个例子:
<img
draggable="false"
src="#"
/>
,
用JS解决:
window.ondragstart = function() {return false}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。