今天主要學習了一下知識點:
html5拖放
拖放拖放是很常見的特性,它指的是你抓取某物並拖入不同的位置。
拖放是html5標準的組成部分:任何元素都是可拖放的。
瀏覽器支援
**中的數字指示了完全支援拖放的首個瀏覽器版本。
html拖放例項
下列是關於拖放的簡單例子:
把元素設定為可拖放
首先:為了把乙個元素設定為可拖放,請把draggable屬性設定為true:
拖放的內容-ondragstart 和set data()
然後,規定當元素被拖動時發生的事情
在上面的例子中,ondragstart屬性呼叫了乙個drag(event)函式,規定拖動什麼資料。
datatransfer.setdata()方法設定被拖動資料型別和值:
在本例中,資料型別是「text」而值是這個可脫動元素的id("drag1").
拖動何處-ondragover
ondragover事件規定被拖動的資料能夠被放置到何處。
預設地,資料\元素無法被放置到其他元素中,為了實現拖放,我們必須阻止元素的這種預設的處理方式。
這個任務由ondragover事件的event.preventdefault()方法完成:
進行放置-ondrop
當放開被拓資料時,會發生drop事件。
在上面的例子中,ondrop屬性呼叫了乙個函式,drop(event):
**解釋:
呼叫preventdefault()來阻止資料的瀏覽器預設處理方式(drop事件的預設行為是以鏈結形式開啟)
通過datatransfer.getdata()方法獲得被拖的資料,該方法將返回在setdata()方法中設定為相同型別的任何資料
被拖資料是被拖元素的id("drag1")
把被拖元素追加到放置元素中
更多例項
來回拖放
如何在兩個元素之間來回拖放影象:
請把w3school拖動到矩形中
C 的22課的主要內容
了解網路程式設計的基礎知識 掌握http網路程式設計技巧 掌握tcp網路程式設計技巧 本章是在掌握網路基礎知識的前提下,通過tcp ip網路協議,在網路環境下進行程式設計。本章要求掌握的基本ess知識點包括 了解。net framework對網路程式設計的支援。了解webrequest類和webre...
C 32課的主要內容
水晶報表是用於建立報表的標準工具,其優點包括 執行時可以自定義 報表檢視器可以與 其他控制項之間進行互動 報表可以作為web服務 了解網路程式設計的基礎知識 掌握http網路程式設計技巧 掌握tcp網路程式設計技巧 了解system.net和system.net,sockets命名空間 掌握訪問網路...
C 39課的主要內容
ado.net簡介 ado.net 插入,刪除,修改,檢索資料 datagridview控制項 顯示和運算元據 了解ado.net的結構 了解ado,net的元件 學習使用ado,net的五大基本物件 使用ado,net進行事務處理 學習針對資料庫資訊的插入,刪除,修改,查詢操作 學習如何通過c 程...