使用 CSS 禁止元素拖拽

628 阅读1分钟

①user-select 属性可以设置是否允许用户选择页面中的图文内容;
②user-modify 属性可以设置是否允许输入框输入内容,以及是否只允许输入纯文本;
③user-drag 属性可以设置是否允许页面元素拖拽;
④页面中的图文元素设置 - webkit-user-drag:none,则该元素就无法拖拽了;
⑤如果 HTML 有操作权限,且最终效果需要较好的兼容性,则还是需要使用传统的 draggable 属性实现,通过设置 true 还是 false 设置元素能够拖拽;
(参考:www.zhangxinxu.com/wordpress/2…