draggable

1、 拖放（Drag 和 drop）是 HTML5 标准的组成部分。 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分， 任何元素都能够拖放 。 浏览器支持：Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放（注：在 Safari 5.1.2 中不支持拖放。）。 2、相关属性及方法 设置元素为可拖放，把 draggable 属性设置为 true <labeldraggable="true"">index1</label> 设置元素被拖动时触发的事件 ondragstart <label draggable="true" ondragstart="drag(event)">...</label> 放到何处 - ondragover ，以div 为例： <div id="right" ondragover="dragover(event)">...</div> 进行放置 - ondrop ，以div 为例： <div id="right" ondragover="dragover(event)" ondrop="drop(event)">...</div> 3、实现一个简单的 从左向右 或 从右向左 拖动元素，且可以移动元素之前的排列位置。 效果图： 图1.初次加载 图2

<input type="text" name="a1" draggable="true" value="aaa"> 给input 框添加 draggable="true"属性，是可拖动属性 禁止复制: oncopy="return false" 禁止粘贴: onpaste="return false" 禁止剪切: oncut="return false" 禁止右键弹出: oncontextmenu="return false" 关闭自动完成功能（缓存）: autocomplete="off" 自动获得焦点： autofocus="autofocus" 禁用自动更正: autocorrect="off" 来关闭键盘默认首字母大写(移动端)： autocapitalize="off" 不对元素的文本进行拼写检查： spellcheck="false" 来源： CSDN 作者： longyinfengwu 链接： https://blog.csdn.net/tenggeer0789/article/details/103984985