我用一些基本代码创建了一个 fiddle ，请就调整大小功能、核心 Javascript 忍者和专家提出建议
http://jsfiddle.net/developer11/ZGTL3/
<div id="bars">
<ul id="bars_3">
<li id="bars_3_0"><a id="resizer" href="javascript:;"></a></li>
</ul>
</div>
JavaScript 是
document.getElementById("bars_3_0").firstChild.addEventListener("mousedown", function() {
event.preventDefault();
document.addEventListener("mousemove", mousemoveHandler);
}, false);
document.addEventListener("mouseup", function() {
document.removeEventListener("mousemove", mousemoveHandler);
});
function mousemoveHandler() {
console.log('move');
}
最佳答案
您可以尝试在 mousedown 上将标志设置为 true，在 mouseup 上将其设置为 false。然后在 mousemove 上，您可以更改元素的高度或位置以匹配当前鼠标位置。
在你的 mousemove 监听器中，你可以检查你的 mousedown 标志，看看你是否应该更新位置。
This page可能会帮助您入门。
关于javascript - 通过边缘调整元素 (li) 的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14852702/