Javascript 通过调整元素（li）的大小'；边缘

我已经创建了一些基本代码，请就调整大小功能、核心Javascript忍者和大师提出建议

---

您可以尝试在

mousedown

上将标志设置为true，并在

mouseup

上将其设置为false。然后在

mousemove

上，您可以更改元素的高度或位置以匹配当前鼠标位置

在

mousemove

侦听器中，您可以检查

mousedown

标志，查看是否应该更新位置

也许能帮你开始

document.getElementById("bars_3_0").firstChild.onmousedown = function() {
        console.log('down');
    };

希望这能解决你在fiddler代码中的问题

document.getElementById("bars_3_0").firstChild.onmousedown=function() {
document.onmousemove=mousemoveHandler
};

document.onmouseup=function() {
document.onmousemove='';   
};

function mousemoveHandler() {
console.log('move');   
}

---

尝试使用jquery plugins+1进行该建议我查找了，但它会水平和垂直调整大小，然后我需要检索条形图值的大小并进行更新（此解决方案中不需要），但我希望在core JavaScription中使用此基本的调整大小功能如果您在此处找到答案，请将其标记为您接受的答案？如果你是以另一种方式做的，那么你应该回答自己的问题，并接受这一点，以利于将来的其他开发人员。我根据自己的想法做了一些更新，也注意到在我按下鼠标并拖动后，光标变为不允许的“带十字的圆圈”symbol是的，这个页面肯定会有帮助，但我现在关心的是这个不允许的光标符号，并且mousemoveHandler函数停止了调用（请参见控制台）update:event.preventDefault（）；删除了不允许的符号。我们正在进行中，不允许的符号问题已由event.preventDefault在mousedown上解决，fiddler已更新。我也在想，有没有关于调整尺寸的建议

document.getElementById("bars_3_0").firstChild.onmousedown = function() {
        console.log('down');
    };

document.getElementById("bars_3_0").firstChild.onmousedown=function() {
document.onmousemove=mousemoveHandler
};

document.onmouseup=function() {
document.onmousemove='';   
};

function mousemoveHandler() {
console.log('move');   
}