jquery或JS拖動(dòng)DIV左右移動(dòng)？使用jQuery使按鈕左右移動(dòng)div，方法如下：jQuery是一套跨瀏覽器的JavaScript庫(kù)，簡(jiǎn)化了HTML和JavaScript之間的操作。第一個(gè)版本由j

jquery或JS拖動(dòng)DIV左右移動(dòng)？

使用jQuery使按鈕左右移動(dòng)div，方法如下：jQuery是一套跨瀏覽器的JavaScript庫(kù)，簡(jiǎn)化了HTML和JavaScript之間的操作。第一個(gè)版本由johnresig于2006年1月在紐約巴坎普發(fā)布。它目前由Dave methvin領(lǐng)導(dǎo)的開發(fā)團(tuán)隊(duì)開發(fā)。在全球排名前10000位的網(wǎng)站中，59%的網(wǎng)站使用jQuery，這是目前最流行的JavaScript庫(kù)。

如何使用jQueryDraggable和Droppable實(shí)現(xiàn)拖拽功能？

基本達(dá)到您的要求，參考的是jQuery

把句柄拖出帶有div的容器，拖出這個(gè)div就可以把句柄移出來

沒有拖出的概念，只能把句柄拖入main，但是main包含容器，所以即使拖出容器也是拖入main，所以使用一個(gè)Div，只有當(dāng)你在這個(gè)Div里拖拽的時(shí)候，你才能把手柄移出來

作為一個(gè)來自ASP時(shí)代的老程序員，我們可以負(fù)責(zé)任地說，web開發(fā)拖拽控件在10多年前用Microsoft aspdotnet推出的時(shí)候已經(jīng)通過了webform，這項(xiàng)技術(shù)已經(jīng)實(shí)現(xiàn)了，它仍然處于產(chǎn)品生命周期中。雖然沒有更新新功能，但仍有正常的產(chǎn)品維護(hù)。

在webform技術(shù)剛剛誕生的時(shí)代，許多Delphi/VB開發(fā)人員剛剛從拖拽控制轉(zhuǎn)向web開發(fā)。在這個(gè)時(shí)候，webform，它有著類似于本地開發(fā)的簡(jiǎn)單的入口和事件模型，甚至一經(jīng)推出就變得流行起來。它已成為開發(fā)B/s（即所謂的瀏覽器/服務(wù)器）應(yīng)用程序的首選技術(shù)。

那是一個(gè)互聯(lián)網(wǎng)不太流行的時(shí)代，每個(gè)人都在做MIS。盡管webform很流行，但這是因?yàn)閣ebform的事件模型本質(zhì)上需要提交一個(gè)頁面并與后端服務(wù)器交互，這與Ajax和其他技術(shù)在根本上是矛盾的。而且，通過拖拽控件，頁面會(huì)產(chǎn)生大量冗余的HTML標(biāo)簽，導(dǎo)致頁面尺寸巨大，CSS很難應(yīng)用。

隨著web開發(fā)技術(shù)的發(fā)展，用戶對(duì)前端體驗(yàn)的要求越來越高，瀏覽器和W3C標(biāo)準(zhǔn)也在不斷演進(jìn)，甚至有專門的前端開發(fā)工程師。在本例中，代碼臃腫、體驗(yàn)差的webform已經(jīng)被手工編寫的HTML/CSS/JS頁面所取代。

當(dāng)然，市場(chǎng)一直需要以拖放控件的形式進(jìn)行無代碼或無代碼開發(fā)。微軟也嘗試在后期推出LightSwitch等flash即插即用技術(shù)，但一般來說，目前HTML頁面主要是手工開發(fā)。然而，隨著單頁應(yīng)用程序spa和web組裝等HTML技術(shù)的出現(xiàn)，很有可能在未來會(huì)出現(xiàn)許多拖動(dòng)控件開發(fā)工具。讓我們拭目以待。

web開發(fā)為何沒往拖動(dòng)控件的方向發(fā)展？

例如，單擊并拖動(dòng)框的右邊框。按鼠標(biāo)以獲取鼠標(biāo)坐標(biāo)以及框與頁面左側(cè)之間的距離。拖動(dòng)鼠標(biāo)可連續(xù)獲取坐標(biāo)。框的寬度是鼠標(biāo)坐標(biāo)和框左側(cè)之間的距離。動(dòng)態(tài)分配就足夠了