基於Web的代碼編輯器 - （平滑）垂直div調整大小問題

我正在構建一個基於Web的編輯器，它底部有一個控制檯面板（如eclipse等）。過去兩天我一直在嘗試（失敗）實現resize functionality-用戶可以在編輯器和控制檯之間抓取分離器並調整其高度。基於Web的代碼編輯器 - （平滑）垂直div調整大小問題

但我一直無法使調整大小操作順利。只有當用戶緩慢拖動分離器，如果他做得很快（就像我們都調整大小時那樣），它就會失敗。 :(

這裏是我的代碼的一小部分：http://pastie.org/2324838（保存文件並啓動瀏覽器）

我靶向IE 7+，FF 3.6 +，Chrome和Safari 4+

2011-08-05 KhongCoGi

。我會建議改變你的鼠標事件，以便當鼠標在分離器外面時不會停止拖動，只有當人釋放鼠標按鈕時，這意味着如果人迅速移動鼠標，分離器仍然能夠趕上

2011-08-05 12:14:46

你有沒有嘗試過沒有鼠標事件觸發拖動？因爲這可能會觸發後，你已經移動o然後分離器趕上來。真的，你只需要在鼠標點擊時打開它，並在mouseup上關閉它。 –

這有點幫助。我已經刪除了'onmouseout'事件。調整大小現在相當平穩。謝謝你！ :)但它仍然不如eclipse或SO問題編輯器那麼流暢。有什麼建議麼？ – KhongCoGi

嗯，我目前還沒有一個環境來測試它，因爲我在使用IE6（不要問），它可能與您使用的瀏覽器實際刷新移動的速度有關。在這種情況下，這不是你可以解決的問題。測試它在不同瀏覽器中的工作原理以獲得更好的想法。 –

回答