基于Web的代码编辑器 - (平滑)垂直div调整大小问题

时间:2011-08-05 12:02:17

标签: html javascript-events mouseevent

我正在构建一个基于Web的编辑器,它在底部有一个控制台面板(比如eclipse等)。过去两天我一直在尝试(失败)来实现resize functionality - 用户可以在编辑器和控制台之间抓取一个拆分器并调整其高度。

但是我无法使调整大小操作顺利进行。它只有在用户慢慢地拖动分割器时才有效,如果他快速执行(就像我们在调整大小时一样),它就会失败。 :(

以下是我的代码的一小部分:http://pastie.org/2324838(保存在文件中并在浏览器中启动)。

我的目标是IE 7 +,FF 3.6 +,Chrome和Safari 4 +

1 个答案:

答案 0 :(得分:1)

我建议更改鼠标事件,以便在鼠标位于拆分器外时不会停止拖动,只有当人释放鼠标按钮时才会停止拖动。这意味着如果这个人快速移动鼠标,分割器应该仍能赶上。