如何在div的每一邊創建手柄來調整大小? - (NO jQuery的)
使用純JavaScript HTML5和CSS3(不是jQuery的)
我想要做的事這樣的形象,我有DIV中的HTML元素,例如像文本區域或文本框中,當用戶點擊容器div我想顯示句柄和邊框。用戶只能使用手柄調整容器大小。
我該如何做到這一點?我知道如何處理事件並調整大小,但不知道如何專門創建手柄並僅調整這些點的大小。
手柄是CSS技巧嗎?還是我來爲容器的圖形
如何在div的每一邊創建手柄來調整大小? - (NO jQuery的)
使用純JavaScript HTML5和CSS3(不是jQuery的)
我想要做的事這樣的形象,我有DIV中的HTML元素,例如像文本區域或文本框中,當用戶點擊容器div我想顯示句柄和邊框。用戶只能使用手柄調整容器大小。
我該如何做到這一點?我知道如何處理事件並調整大小,但不知道如何專門創建手柄並僅調整這些點的大小。
手柄是CSS技巧嗎?還是我來爲容器的圖形
首先,你可以使用CSS像這樣(像可調整大小的DIV容器上的背景圖片?):
div {
resize: both;
overflow: auto;
}
(http://www.w3schools.com/cssref/css3_pr_resize.asp);
在這個職位是一個很好的JavaScript示例: (How to make HTML element resizable using pure javascript?)
JS例:
*我想做*。 ..顯示你已經嘗試過... – DaniP
@DaniP呃,我不知道從哪裏開始?我發現的一切都是在jQuery中,或者我找到了使用css添加標準右下角調整大小的方法,但這不是我想要的。 – sjs
我認爲你可以找到這個問題的答案[here](http://stackoverflow.com/questions/8960193/how-to-make-html-element-resizable-using-pure-javascript) – Ronald