现象： 当给Modal组件添加 draggable 属性将对话框设为可拖动时，当拖动对话框时，对话框就消失(或者跑偏了）。 原因： 因为Modal组件使用了“自定义位置”的垂直居中，参考官方文档 https://www.iviewui.com/components/modal#ZDYWZ 结论： d ...
分类：
其他好文 时间：
2021-06-22 18:23:59
阅读次数：
0
版本： ant-design-vue 1.6.2 效果（按住标题栏拖动，拖动超出窗口会自动出现滚动条）： 组件文件结构： index.vue （需要注意的是footer和title的处理，其他的props都是一致的） <template> <a-modal :class="[modalClass, ...
分类：
其他好文 时间：
2020-11-19 12:11:40
阅读次数：
6
亲测可用，有需要留言，包教包会。? 1. 新建一个 Drag.js 文件 class Drag { constructor(id) { this.disX = 0; this.disY = 0; this.box = document.getElementsByClassName(id)[0]; t ...
分类：
其他好文 时间：
2020-09-14 19:18:00
阅读次数：
43
自定义可拖动的进度条，如下图效果： 代码分三部分 html <body> <div id="demo"> <div class="progress"> <div class="progress-bar"> <div class="progress-thumb"></div> </div> </div ...
分类：
Web程序 时间：
2020-07-17 09:40:58
阅读次数：
102
HTML 属性赋予元素意义和语境 1，contenteditable 规定元素内容是否可编辑。 2，contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。 3，draggable 规定元素是否可拖动。 4，hidden 规定元素仍未或不再相关 5，spellcheck 规定是 ...
分类：
Web程序 时间：
2020-07-13 21:11:35
阅读次数：
110
<textarea style="resize:none;"></textarea> 在默认情况下，我们可以发现textarea右下角可以进行拖动，这样容易破坏已经设计好的页面样式，想要设置不可拖动，添加如上代码即可 ...
分类：
Web程序 时间：
2020-06-01 12:22:22
阅读次数：
93
HTML5 拖放 一、为了使元素可拖动，把 draggable 属性设置为 true <div draggable="true"></div> 二、添加事件监听 DragEvent HTML5拖放有如下事件 drag事件：拖拉过程中，在被拖拉的节点上持续触发。 dragstart事件：拖拉开始时在被 ...
分类：
Web程序 时间：
2020-05-10 11:22:13
阅读次数：
89
拖放（Drag 和 drop）是 HTML5 标准的组成部分。 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 首先，为了使元素可拖动，把 draggable 属性设置为 true ： 1、被拖对象：dragstart事件，被拖动的 ...
分类：
Web程序 时间：
2020-02-24 00:17:25
阅读次数：
124
定义和用法 ondrag 事件在元素或者选取的文本被拖动时触发。 拖放是 HTML5 中非常常见的功能。 更多信息可以查看我们 HTML 教程中的 HTML5 拖放。 注意： 为了让元素可拖动，需要使用 HTML5 draggable 属性。 提示： 链接和图片默认是可拖动的，不需要 draggab ...
分类：
其他好文 时间：
2020-01-26 17:22:36
阅读次数：
58
下面主要记录下创建无边框窗体，并且可以拖动。这种窗体主要用于弹出小窗体时。 这里需要注意的是grid控件一定要设置一个background的用于焦点的捕捉。 后台代码： 这样就可以实现拖动窗体功能。 ...
