Javascript 如果在DOM中追加新元素,jQuery拖动将继续使用mousemove
我试图用从互联网上获得的几个库制作一个图像裁剪和文本编辑系统 图像裁剪工作正常,添加文本字段和拖动工作正常 问题是: 每当我尝试在使用画布进行裁剪后追加新的图像元素,并通过单击“文本”按钮追加“虚拟文本”,并在新追加的文本上触发双击事件时,jQuery拖动会继续使用mousemove,即使在触发mouseup事件后也是如此 为了阻止这种情况,我尝试了很多方法,比如我设置了类似“双击”的事件来激活调整大小但禁用拖动,以及“单击”来再次激活拖动功能 **每当我触发双击时,它都会使内容可编辑 这是我的虚拟项目的zip文件链接。 请检查问题并告诉我解决方案Javascript 如果在DOM中追加新元素,jQuery拖动将继续使用mousemove,javascript,jquery,canvas,crop,contenteditable,Javascript,Jquery,Canvas,Crop,Contenteditable,我试图用从互联网上获得的几个库制作一个图像裁剪和文本编辑系统 图像裁剪工作正常,添加文本字段和拖动工作正常 问题是: 每当我尝试在使用画布进行裁剪后追加新的图像元素,并通过单击“文本”按钮追加“虚拟文本”,并在新追加的文本上触发双击事件时,jQuery拖动会继续使用mousemove,即使在触发mouseup事件后也是如此 为了阻止这种情况,我尝试了很多方法,比如我设置了类似“双击”的事件来激活调整大小但禁用拖动,以及“单击”来再次激活拖动功能 **每当我触发双击时,它都会使内容可编辑 这是我的
提前谢谢我在这里发现了问题。 由于“CropBox.js”,拖动问题发生冲突。 在这个js文件中,有一行是:
self.mouseup = Y.one('body').on('mouseup', self.imgMouseUp, self);
此行代码正在调用“body”标记内的所有元素。所以我用一个特定的id替换了这个“身体”
现在没有冲突,没有问题
Thnaks需要虚拟项目的凭据请下载zip文件,您将获得其中的所有信息,我正试图设置JSFIDLE,但它不起作用