自學HTML5第三節(拖放效果)

2022-03-26 23:34:40 字數 851 閱讀 2536

今天來看看網頁上的拖放效果,首先來看看什麼是拖放————

拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。

在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。

internet explorer 9、firefox、opera 12、chrome 以及 safari 5 支援拖放。

注釋:在 safari 5.1.2 中不支援拖放

html**:

ondragstart="drag(event)" width="336" height="69" />

首先,為了使元素可拖動,把要拖動的元素,比如img標籤元素裡的 draggable 屬性設定為 true :

然後,規定當元素被拖動時,會發生什麼。

在上面的例子中,ondragstart 屬性呼叫了乙個函式,drag(event),它規定了被拖動的資料。

datatransfer.setdata() 方法設定被拖資料的資料型別和值:

function drag(ev)

ondragover 事件規定在何處放置被拖動的資料。

預設地,無法將資料/元素放置到其他元素中。如果需要設定允許放置,我們必須阻止對元素的預設處理方式。

event.preventdefault()    //呼叫 preventdefault() 來避免瀏覽器對資料的預設處理(drop 事件的預設行為是以鏈結形式開啟)
當放置被拖資料時,會發生 drop 事件。

在上面的例子中,ondrop 屬性呼叫了乙個函式,drop(event):

function drop(ev)

第三節 7練習5

using system using system.collections.generic using system.componentmodel using system.data using system.drawing using system.linq using system.text u...

編譯原理 第三節

我們知道世界上存在很多種語言 我們可以把他們分為自然語言 人們日常交流的工具 和程式語言。自然語言複雜且難以描述,程式語言結構規整,便於處理。但兩者又有共性,即核心都由語法和語義兩部分組成。那什麼是語言呢?首先來看一下字母表定義 字母表是元素的非空有窮集合。字母表包含了語言中允許出現的全部符號。例如...

Itween筆記 第三節

itween關於動畫執行的補充.itween.camerafadefrom itween.hash amount 1f,time 2f 在兩秒結束後.itween.camerafadefrom itween.hash amount 1f,time 2f,oncomplete itweentest o...