js监听拖拽事件结束
描述
在拖拽的时候,拖拽事件会和mouseup发生冲突,造成不会实现mouseup事件。然后监听不到拖拽结束事件。
解决
<div id='dragDomOut'>
<div @mousedown="hMouseDown(item)">{
{
item.name }}</div>
</div>
hMouseDown(item) {
console.log('按下鼠标,拖拽开始了!');
const dom = document.getElementById('list-group-item')
dom.onmousedown = (e) => {
document.onmousemove = (e) => {
};
document.onmouseup = () => {
console.log('抬起鼠标,拖拽结束了')
// 拖拽结束执行一些方法
};
};
},