JavaScript元素拖动不起作用

JavaScript元素拖动不起作用,javascript,Javascript,我有一个HTML元素,它通常是可拖动的。在个人文件上,它有效,在代码笔上则无效 我不明白问题出在哪里 我的 或者JS、CSS和HTML var clicEnCours=false; var位置_x=0; var位置_y=0; var origineDiv_x=0; var iExplorer=false; var deplacable=“”; 如果(全部文件){ iExplorer=true; } 功能元件压力(pDiv){ chaineX=document.getElementById(p

我有一个HTML元素,它通常是可拖动的。在个人文件上,它有效,在代码笔上则无效

我不明白问题出在哪里

我的

或者JS、CSS和HTML

var clicEnCours=false;
var位置_x=0;
var位置_y=0;
var origineDiv_x=0;
var iExplorer=false;
var deplacable=“”;
如果(全部文件){
iExplorer=true;
} 
功能元件压力(pDiv){
chaineX=document.getElementById(pDiv.style.left);
chaineY=document.getElementById(pDiv.style.top);
origineDiv_x=x-链长子序列(0,链长-2);
origineDiv_y=y-chaineY.substr(0,chaineY.length-2);
clicEnCours=真;
可脱胶=pDiv;
document.getElementById(deplacable.style.cursor='pointer';
document.getElementById(deplacable).style.zIndex=100;
}
功能电子标签(pDiv){
clicEnCours=假;
document.getElementById(deplacable.style.cursor='grab';
document.getElementById(deplacable).style.zIndex=0;
deplacable=“”;
}
功能移位souris(e){
x=(iExplorer)?event.x+document.body.scrollLeft:e.pageX;
y=(iExplorer)?event.y+document.body.scrollTop:e.pageY;
if(clicEnCours&&document.getElementById){
位置_x=x-原始div_x;
位置y=y-原点y;
document.getElementById(deplacable).style.left=位置x;
document.getElementById(deplacable).style.top=position\u y;
}
}
如果(!iExplorer){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=deplacementSouris
@导入url(https://fonts.googleapis.com/css?family=Nova+单声道);
#divdrag{
字体系列:'Nova Mono';
边界半径:10px;
背景:#26A69A;
填充:10px;
宽度:30%;
}

拖动我
顶部
和左侧属性需要单位。您只为它们分配数字

document.getElementById(deplacable).style.left = position_x + 'px';
document.getElementById(deplacable).style.top = position_y + 'px';
这两个属性也仅适用于元素定位为
相对
绝对
的情况

#divdrag {
    position:absolute;
}