【问题标题】:Difference between user-drag and user-select in CSSCSS中用户拖动和用户选择之间的区别
【发布时间】:2018-09-17 13:54:16
【问题描述】:

user-selectuser-drag 属性之间的主要区别是什么?所有浏览器也都支持它们吗?

【问题讨论】:

    标签: css drag-and-drop draggable


    【解决方案1】:

    主要区别在于,user-select 允许您选择然后复制某些内容(如果需要),但user-drag 允许您拖动 HTML 元素等内容。

    我知道user-select可以在不同的浏览器中使用,但你应该设置如下所示的CSS规则:

    -webkit-user-select: all; 
    -moz-user-select: all; 
    -ms-user-select: all;
    user-select: all; 
    

    【讨论】:

    • 你能告诉我所有浏览器对用户拖动属性的支持吗?
    【解决方案2】:

    用户选择特定于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?
    • draggable 是一个 HTML 属性,设置为 true 后,当我们选择(鼠标选择)内容并可以拖动它时,它会是暂时的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 2016-06-08
    • 1970-01-01
    • 2023-03-17
    • 2014-02-02
    • 2011-02-18
    相关资源
    最近更新 更多