新聞中心
小編給大家分享一下HTML5實現(xiàn)拖放的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務,包含不限于成都網(wǎng)站制作、成都網(wǎng)站設計、順河網(wǎng)絡推廣、微信平臺小程序開發(fā)、順河網(wǎng)絡營銷、順河企業(yè)策劃、順河品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供順河建站搭建服務,24小時服務熱線:028-86922220,官方網(wǎng)址:www.cdcxhl.com
在html5中,支持拖放API接口,通過該功能,數(shù)據(jù)可以在瀏覽器與其他應用程序之間互相拖放,想要實現(xiàn)該操作,必須經(jīng)過一下兩個步驟
(1)將想要拖放的對象標簽的draggable屬性設為true。這樣才能將該標簽進行拖放,令外,img標簽與a標簽必 須指定為true,默認允許拖放。
(2)編寫與有拖放有關(guān)的事件處理代碼,常用的播放事件如下:
dragstart 開始拖放操作
drag 拖放過程中
dragenter 被拖放的標簽開始進入本標簽的范圍內(nèi)
dragover 被拖放的標簽正在本標簽范圍內(nèi)移動
dragleave 被拖放的標簽離開本標簽的范圍
drop 有其他的標簽被拖放到本標簽中
dragend 拖放操作結(jié)束
拖放 請拖放
在上述的代碼中,在頁面加載時,自動觸發(fā)inint()事件。該事件中包括拖放開始,被拖放和結(jié)束拖放三個函數(shù)。在瀏覽器中打開該網(wǎng)頁,鼠標拖動顯示到網(wǎng)頁中的晚間圖片,網(wǎng)頁會自動加載要的內(nèi)容。
看完了這篇文章,相信你對HTML5實現(xiàn)拖放的方法有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)站標題:HTML5實現(xiàn)拖放的方法
標題鏈接:http://biofuelwatch.net/article/jiggcs.html