//ホストはブラウザです//対応する要素オブジェクトの参照を関数関数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; // click document.onmousemove = function（move）{drager.style.left = move.clientx -offxl + "px"; dragger.style.top = move.clienty -offyl + "px"; dragger.style.cursor = "move";条件= math.abs（move.clientx -down.clientx） + math.abs（move.clienty -down.clienty）; }} dragger.onmouseup = function（）{document.onmousemove = null; draggerr.style.cursor = "auto"; }} / *クリック間の矛盾の解決のために、条件を判断する必要があります *例：Candrag（Dragger）; d01.onclick = function（）{if（！条件）{d01.style.backgroundcolor = "red"; }} *ここで、d01はdraggerの子要素です */