劃時代的Web API ?面是使ffiModemizr檢測~ij覽器對Drag&Drop APl支持情況CBJ代碼： if( !Modernizr .draganddrop){／／判斷當前瀏覽囂是否支持拖放 ／／開發人員可以在這里提醒用戶測覽囂不支持，井采用優雅降級處理方案 ) 3.3.4 Drag＆Drop API的主要操作 Drag&Drop API主要包含三方面的內容：事件、屬性和接口，下面濟南網站建設公司小編對它們一一進行講解。 1．主要事件 下面是拖放的相關事件，按照拖放的過程分為7個。 口dragstarto拖動開始的事件，需綁定在拖曳對象上。 口drago從dragst art開始后到dragend結束前，在拖動時這個事件不斷出現，需綁定在 拖曳對象上。 口dragendo拖動結束的事件，需綁定在拖曳對象上。 口dragentero拖到當前元素區域內的事件，需綁定在推曳對象所拖曳的對象上。 口dragovero拖到當前元素的區域上的事件，這個事件在拖動過程中不斷被觸發，需綁定 在拖曳對象正拖曳到的對象上。 口dragleaveo拖出當前元素區域的事件，需綁定在拖曳對象剛剛拖曳剄的對象上。 口dropo在當前元素區域停止拖曳的事件，需綁定在拖曳對象所放置到的對象上。 一個完整的拖放事件過程如圖34所示，我們可以輕松地使用上面的事件來處理復雜的拖放 行為。 圖 3-4 2．相關屬性 默認情況下，img和a標簽可以進行拖放。如果其他類型的節點也需要支持拖動，必須添加 屬性draggable=n true-o使一個元素支持拖動其實非常簡單，第一要為此元素設置draggable 屬性，第二需要為它的dragstart事件添加函數來處理拖曳數據。 Drag&Drop API還有一個dropzone屬性，用于設置放置目標區域所允許的文件類型和反饋 方式，例如用move s：text /plain表示展現數據移動的效果和接受任何文本的放置，用copy f：image/png表示展現數據復制的效果和接受png格式圖片的放置。因此，要使一個元素允許其 他拖曳元素放置到它之上，此元素必須要有dropzone屬性并且監聽drop事件（和上面元素支持 拖曳的兩個條件非常相似）o不過，我們也可以采用為放置元素自定義事件處理的方式來代替 dropzone屬性，這就需要我們在dragenter事件里判斷此元素是否支持放置以及茌dragover 事件里指定為用戶顯示什么樣的反饋效果。