【发布时间】:2018-09-17 13:54:16
【问题描述】:
user-select 和user-drag 属性之间的主要区别是什么?所有浏览器也都支持它们吗?
【问题讨论】:
标签: css drag-and-drop draggable
user-select 和user-drag 属性之间的主要区别是什么?所有浏览器也都支持它们吗?
【问题讨论】:
标签: css drag-and-drop draggable
主要区别在于,user-select 允许您选择然后复制某些内容(如果需要),但user-drag 允许您拖动 HTML 元素等内容。
我知道user-select可以在不同的浏览器中使用,但你应该设置如下所示的CSS规则:
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
【讨论】:
用户选择特定于text,如User Select - MDN web Docs 中所述,默认情况下,用户选择对文本启用。要禁用该属性,请使用下面提到的 CSS 样式。
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
User Drag 是通用的,可以应用于div, image, p, etc.,
<p draggable="true">Contents</p> //Enable dragging
<img src="image.jpg" draggable="false" alt="can't be dragged"></img> //Disable dragging
下面是用户拖动的 CSS
-webkit-user-drag:none;
-moz-user-drag:none;
-o-user-drag:none;
user-drag:none;
【讨论】:
draggable="false" 是否相当于最后一个框中的css?