可調整div實現

2015-06-07 43 views -2 likes

-2

是否有可能在不使用jquery或任何其他外部庫的情況下在div中調整div大小？可調整div實現

我一直在尋找這個答案很長一段時間，我也通過這個例子了，以及：

How to make HTML element resizable using pure javascript? 但問題是，它是不相符的，即我的意思的大小調整的效果與使用任何外部庫或甚至使用jquery ui庫實現相同任務的任何任務不同。

編輯：

一項功能，會出現一個小矩形狀的拖累所有四邊的圖像，因爲上面的示例如果圖像的財產，以在同一四周，可拖動移動時間上，單擊鼠標單擊圖像會讓用戶感到困惑，因爲這會讓圖像同時被移動和拖動。

有沒有解決方案？

你是什麼意思是「不一樣」，「不符合」？你是否想要一個不小於原始尺寸的調整大小的效果......或者根據原始寬度/高度保持一定比例的限制？範圍太廣泛。 – codyogden

任何可以用jQuery和外部庫完成的事情都可以用普通的javascript完成（畢竟... jQuery是用JavaScript編寫的）。 –

回答

至於使JavaScript可以調整大小，這是否適合你？

這會爲style.height和style.width屬性分配新值。

你可以看到它在這裏的行動： http://jsfiddle.net/w015gohf/

您還可以使用CSS resize由角落拖動來調整股利。

2015-06-07 07:59:33 shmuli

使用CSS resize：

div { 
 
    padding: 1em; 
 
    background-color: #eee; 
 
    overflow: hidden; 
 
    resize: both; 
 
    display: inline-block; 
 
}

<div>hi</div>

2015-06-07 08:25:59 coma

相關問題