2016-06-14 91 views
3

enter image description here如何在div的每一邊創建手柄來調整大小? - (NO jQuery的)

使用純JavaScript HTML5和CSS3(不是jQuery的)

我想要做的事這樣的形象,我有DIV中的HTML元素,例如像文本區域或文本框中,當用戶點擊容器div我想顯示句柄和邊框。用戶只能使用手柄調整容器大小。

我該如何做到這一點?我知道如何處理事件並調整大小,但不知道如何專門創建手柄並僅調整這些點的大小。

手柄是CSS技巧嗎?還是我來爲容器的圖形

+0

*我想做*。 ..顯示你已經嘗試過... – DaniP

+0

@DaniP呃,我不知道從哪裏開始?我發現的一切都是在jQuery中,或者我找到了使用css添加標準右下角調整大小的方法,但這不是我想要的。 – sjs

+2

我認爲你可以找到這個問題的答案[here](http://stackoverflow.com/questions/8960193/how-to-make-html-element-resizable-using-pure-javascript) – Ronald

回答

3

首先,你可以使用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例:

相關問題