国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML 5 拖放

2020-03-24 17:16:26
字體:
來源:轉載
供稿:網友
var data=ev.dataTransfer.getData( Text ev.target.appendChild(document.getElementById(data)); /script /head body div id= div1 ondrop= drop(event) ondragover= allowDrop(event) /div img id= drag1 src= img_logo.gif draggable= true ondragstart= drag(event) width= 336 height= 69 / /body /html

親自試一試

它看上去也許有些復雜,不過我們可以分別研究拖放事件的不同部分。


在上面的例子中,ondragstart 屬性調用了一個函數,drag(event),它規定了被拖動的數據。

dataTransfer.setData() 方法設置被拖數據的數據類型和值:

function drag(ev)ev.dataTransfer.setData( Text ,ev.target.id);

在這個例子中,數據類型是 Text ,值是可拖動元素的 id ( drag1 )。


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

這要通過調用 ondragover 事件的 event.preventDefault() 方法:

event.preventDefault()

var data=ev.dataTransfer.getData( Text ev.target.appendChild(document.getElementById(data));代碼解釋:
調用 preventDefault() 來避免瀏覽器對數據的默認處理(drop 事件的默認行為是以鏈接形式打開)通過 dataTransfer.getData( Text ) 方法獲得被拖的數據。該方法將返回在 setData() 方法中設置為相同類型的任何數據。被拖數據是被拖元素的 id ( drag1 )把被拖元素追加到放置元素(目標元素)中

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

上一篇:HTML5 拖放

下一篇:HTML背景

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 古田县| 荆门市| 永善县| 屏南县| 木兰县| 秦皇岛市| 庆元县| 建平县| 平江县| 高雄县| 二连浩特市| 乐安县| 宁化县| 滨海县| 普安县| 土默特左旗| 纳雍县| 衡阳市| 绥中县| 将乐县| 江西省| 金秀| 临桂县| 大丰市| 常德市| 宁德市| 古丈县| 遂宁市| 东阳市| 磴口县| 山东| 同仁县| 金沙县| 海盐县| 高雄市| 蓝山县| 禄丰县| 灵山县| 通许县| 始兴县| 诸城市|