国产探花免费观看_亚洲丰满少妇自慰呻吟_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背景

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 瑞金市| 山丹县| 新平| 陈巴尔虎旗| 永新县| 娄烦县| 黄平县| 连江县| 临清市| 张北县| 临颍县| 吉木萨尔县| 潜江市| 红安县| 江源县| 朝阳县| 定兴县| 六枝特区| 延吉市| 洛阳市| 囊谦县| 衡阳县| 喀喇沁旗| 晋城| 长寿区| 苗栗县| 大冶市| 宜川县| 曲阳县| 科技| 深泽县| 神池县| 秦安县| 弥勒县| 武邑县| 南丹县| 图木舒克市| 外汇| 寿宁县| 平安县| 盱眙县|