一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

HTML5 – 一個拖拽功能的例子

  我最近出席了一系列的研討會,HTML5這個主題在這些會上反復出現。出于好奇我略看了幾眼后,開始覺得應該好好的挖掘一下HTML5,看看它究竟會給我們今天技術上帶來哪些好處。一個特別有意思的東西就是拖拽功能編程接口…早期的HTML編程開發者一直對此渴望卻不可及。我感覺這個功能非常有用…拖拽功能的實現已經成了幾個不費吹灰之力的函數調用了。

  為了演示拖拽用例,我要創建一個簡單的網絡配置工具(UI),管理員可以用它來收集資源。你能在各個區域之間拖拽資源,往區域里添加資源,刪除沒有用的資源。出于教學的目的,我盡量使這個例子簡單,但可以看到,依據這些基本的做法,你可以開發出一個全功能的網絡管理工具。

  下面就是我的例子的效果圖:

  實現拖拽功能的關鍵方法非常的簡單,就像下面寫的這樣:

    function dragIt(target, e){
e.dataTransfer.setData(’SpanImg’, target.id);
}

function dropIt(target, e){
var id = e.dataTransfer.getData(’SpanImg’);
target.appendChild(document.getElementById(id));
e.preventDefault();
}

it知識庫HTML5 – 一個拖拽功能的例子,轉載需保留來源!

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

主站蜘蛛池模板: 精品国产一区二区三区免费看 | 91啦视频在线 | 免费看的www视频网站视频 | 天天射天天干天天色 | 国产99视频精品草莓免视看 | 久久国产精品ww | 久久精品国产国产 | www久久精品| 一男一女一级毛片 | 丁香六月天婷婷 | 欧美特黄一片aa大片免费看 | 黄在线| 91精品自在拍精选久久 | 在线观看国产91 | 欧美日韩亚洲成人 | 久久国产一区二区三区 | 中文字幕日产每天更新40 | 2021中国大陆精品视频xxxx | 日本一区二区三区在线 视频观看免费 | 伊人精品综合 | 老湿司午夜爽爽影院榴莲视频 | 一区二区三区久久 | 伊人精品网 | 亚洲综人网| 美国成人影院 | 麻豆出品 | 亚洲人成伊人成综合网久久久 | 一区二区精品视频 | 黄色片网站免费在线观看 | 午夜理伦三级理论6080 | 在线视频一区二区三区 | 亚洲伊人久久大香线蕉苏妲己 | 四虎在线视频免费观看视频 | 国产精品资源手机在线播放 | 男人扒开女人腿做爽爽视频网站 | 韩国一级毛片视频免费观看 | 永久网址:fb000.xyz | 久久久久久久蜜桃 | 国产免费小视频在线观看 | 国产精品亚洲综合网站 | 69国产精品视频免费 |