if (element) {
element.onmousedown = function (ev: any) {
ev.stopPropagation()
element.style.transition =
'hover cubic-bezier(0.25, 0.1, 0.25, 1) 0.64s';
const disX = ev.clientX;
const disY = ev.clientY;
const ex = disX - element.offsetLeft;
const ey = disY - element.offsetTop;
// document添加鼠标移动
document.onmousemove = function (ev) {
const w1 = ev.clientX;
const y1 = ev.clientY;
element.style.left = w1 - ex + 'px';
element.style.top = y1 - ey + 'px'
};
// document添加鼠标浮起事件
document.onmouseup = (e: any) => {
ev.stopPropagation()
setTimeout(() => {
const x = e.clientX;
const y = e.clientY;
document.onmousemove = null;
document.onmouseup = null;
}, 100);
};
};
}
纯js实现拖拽dom小结
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 被移动元素必须为绝对定位position:absolute; Dom Javasrtipt 下面是一个封装好的函数...
