在HTML5中,拖放元素變的十分簡單,只要為元素添加一個“graggable”屬性,并設置該屬性的值為“true”即可實現元素的拖放。在拖動元素的過程中,不僅可以觸發多個事件,還可以通過dataTransfer對象攜帶拖動元素的內容,并將其放入目標元素中;同時,當元素被拖動時,還可以控制鼠標的形狀和移動時的效果。
1、使用JavaScript代碼來實現拖放
在一個新建的HTML頁面中,添加兩個<div>元素,并使ID號為“divFrame”的元素包含ID號為“divTitle”的元素。將鼠標移到ID號為“divTitle”的元素上時,按下鼠標左鍵并移動鼠標,可以拖動整個ID號為“divFrame”的元素。
2、在HTML5中實現拖放時觸發事件
在HTML5中,拖放元素變的十分簡單,只要將元素的“graggable”屬性設置為“true”,就可以實現元素的拖放功能。