问题

设置draggable 为 false 时,在鼠标选中内容之后,还是可以拖动的,并触发ondrop事件

以下是菜鸟教程中的例子(点击打开),遇到的问题就是改写中的这个样子
在这里插入图片描述

将draggable 设置为false,ondragstart事件处理函数中,存入的值不依赖ondragstart事件对象event中的某个值时,用鼠标选中内容之后进行拖动(谷歌浏览器),依然是可以触发ondrop事件进行处理的。如果是在vue等项目中,不需要依赖event的情况时,就会导致出现bug。

解决

如果是不需依赖event对象的情况,在进行ondrop事件处理的时候注意要判断draggable的值,当前是否可以拖动才进行处理。

Logo

前往低代码交流专区

更多推荐