青岛网站建设开发,中国建设银行网站属于什么机构,网站只做优化,微电商平台发现问题
拖拽元素移动的时候#xff0c;偶尔会出现拖拽过程中鼠标松开后元素还吸附在鼠标上并随着鼠标移动#xff0c;要再按一下元素才会被放置下来。但是有时就正常。
问题分析
出现该问题的原因是#xff1a;这个过程会触发H5原生的拖拽事件#xff0c;并且不会监听…发现问题
拖拽元素移动的时候偶尔会出现拖拽过程中鼠标松开后元素还吸附在鼠标上并随着鼠标移动要再按一下元素才会被放置下来。但是有时就正常。
问题分析
出现该问题的原因是这个过程会触发H5原生的拖拽事件并且不会监听到onmouseup从而导致鼠标松开也能够拖拽。
应该阻止h5的拖拽事件
document.ondragstart function(ev) {ev.preventDefault();
};
document.ondragend function(ev) {ev.preventDefault();
};在相应的位置添加这2个函数即可。
let move false;
function mousedown(event, c, type, cells) {tmp c;if (type vqEnums.funcType.Condition) {if ((c.Index props.conditions.length - 1 c.Index - 1 0 props.conditions[c.Index - 1].FuncType vqEnums.funcType.Logic) ||(c.Index - 1 0 props.conditions[c.Index - 1].FuncType vqEnums.funcType.Logic c.Index 1 props.conditions.length - 1 props.conditions[c.Index 1].AggregateFunc)) {tmpLogicType props.conditions[c.Index - 1].LogicType;}}if (event.shiftKey event.which 1) {cellClick(event, c, cells);} else if (event.which 1 !event.ctrlKey !event.shiftKey) {if (c.FuncType vqEnums.funcType.Logic ||c.FuncType vqEnums.funcType.Bracket)return;let _target $(event.target).hasClass(c-icon)? $(event.target)[0].parentNode: event.target;let cell c;let startx event.x - _target.getBoundingClientRect().x;let starty event.y - _target.getBoundingClientRect().y;let scrolly $(_target).parent().scrollTop();let cx _target.getBoundingClientRect().x;let cy _target.getBoundingClientRect().y;let ww document.documentElement.clientWidth;let wh window.innerHeight;let tWidth _target.getBoundingClientRect().width;let w tWidth 8;if ($(_target).hasClass(cell-margin)) {w 20;}const length $(_target).next().length;if (length 0) {if (_target.getBoundingClientRect().y $(_target).next()[0].getBoundingClientRect().y) {$(_target).next().css({ marginLeft: w px });}$(_target).css({position: fixed,top: _target.getBoundingClientRect().y - 2,left: _target.getBoundingClientRect().x,z-index: 999});} else {$(_target).css({// position: fixed,top: _target.getBoundingClientRect().y - 2,left: _target.getBoundingClientRect().x,z-index: 999});}$(_target).siblings().css({ transition: margin 0.3s });$(_target).removeClass(cell-margin);document.onmousemove function (ev) {if (ev.clientY 0 ||ev.clientX 0 ||ev.clientY wh ||ev.clientX ww) {mouseup(event, c, type);return false;}if (Math.abs(ev.screenX - event.screenX) 5 ||Math.abs(ev.screenY - event.screenY) 5 ||move) {if (Math.abs(event.x - ev.x) 2 ||(Math.abs(event.y - ev.y) 2 !move)) {move false;return false;}if (length 0) {$(_target).css({position: fixed});}move true;let endx ev.x - cx - startx;let endy ev.y - cy - starty; // - scrollylet siblings Array.from($(_target).siblings());let cells type vqEnums.funcType.Out? props.outs: type vqEnums.funcType.Condition? props.conditions: props.sorts;setTransform(ev, _target, siblings, cell, cells, tWidth, scrolly);_target.style.transform translate( endx px, endy px);}};document.ondragstart function (ev) {ev.preventDefault();};document.ondragend function (ev) {ev.preventDefault();};}
}
