使用CSS一次性将draggable="false“应用于所有图像
使用CSS一次性将draggable="false“应用于所有图像
提问于 2018-07-17 02:32:52
为了防止用户在我的网站上拖拽图片，我似乎不得不这样做：<img draggable="false" src="../example.jpg" style="width:100%">。
但是我有一堆图像要应用，所以我想知道是否有一种方法可以应用于CSS中的所有图像。
回答 2
Stack Overflow用户
发布于 2018-07-17 02:58:10
您可以使用此CSS来完成此操作：
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;Stack Overflow用户
发布于 2018-07-17 02:42:39
你不能用css做到这一点。但您可以通过JS (本例中为jQuery)来完成此操作
$('img').attr('draggable', false);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://via.placeholder.com/50x50">
<img src="https://via.placeholder.com/50x50">
<img src="https://via.placeholder.com/50x50">
<img src="https://via.placeholder.com/50x50">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51368114
复制相关文章
相似问题