要接受元素的放下,目標元素必須監聽至少3個事件:
(1) 首先是dragenter事件,用來決定是否接受「拖動的元素」被放下,如果接受放下,那麼該事件就被取消,進入下乙個事件
(2)然後開始dragover事件,用來確定給使用者什麼樣的反饋,即位於該元素之上時呈現什麼樣的效果,如果該事件被取消,反饋一般是乙個滑鼠指標,
也可以使用dropeffect屬性定義,如果事件沒有被取消,那麼就是預設的行為,預設的行為一般就是什麼也不做。
(3)最後是drop事件,也就是實際將執行的放下動作,這個事件也需要被取消,這樣dropeffect屬性的設定就可以被使用
drag me!
drop here!
function dragstarthandler(event)
// dragenter事件
function dragenterhandler(event)
// dragover事件
function dragoverhandler(event)
// drop事件
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5拖放功能的注意點
首先看如下 我在實現時犯了個錯誤 缺少了,那麼這個和類似的 有什麼作用呢。該標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。如果頁面中沒有他,就會用瀏覽器本身的解析標準,這樣會造成頁面在不同的瀏覽器 ie 火狐等 可能出現不同的顯示效果。而是html5的解析標準,html5的docty...
HTML5實現拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...