javascript에서 구현된 요소 드래그 기능은 browser_javascript 기술에서 호스팅됩니다.
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-05-16 16:41:30
//宿主为浏览器
//将相应的元素对象的引用传到函数中
function candrag(drager) {
drager.onmousedown = function (down) {
var offx = drager.offsetLeft
var offy = drager.offsetTop;
var offxl = down.clientX - offx;
var offyl = down.clientY - offy;
window.condition = 0;//为window添加了condition属性,用于解决和click之间的矛盾
document.onmousemove = function (move) {
drager.style.left = move.clientX - offxl + "px";
drager.style.top = move.clientY - offyl + "px";
drager.style.cursor = "move";
condition = Math.abs(move.clientX - down.clientX) + Math.abs(move.clientY - down.clientY);
}
}
drager.onmouseup = function () {
document.onmousemove = null;
draggerr.style.cursor = "auto";
}
}
/*对于和click之间的矛盾解决,需要判断condition
*例如:
candrag(dragger);
d01.onclick = function () {
if (!condition) {
d01.style.backgroundColor = "red";
}
}
*其中,d01为dragger的子元素
*/
로그인 후 복사
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2025-02-26 03:58:14
-
2025-02-26 03:38:10
-
2025-02-26 03:17:10
-
2025-02-26 02:49:09
-
2025-02-26 01:08:13
-
2025-02-26 00:46:10
-
2025-02-25 23:42:08
-
2025-02-25 22:50:13
-
2025-02-25 21:54:11
-
2025-02-25 20:45:11
최신 이슈
-
2025-03-19 09:10:13
-
2025-03-18 15:17:30
-
2025-03-18 15:16:33
-
2025-03-18 15:14:33
-
2025-03-18 15:12:30