最早在網頁中引入js拖放功能的是ie4,並且只可以拖放影象和某些文字。ie5.5以後網頁中的任何元素都可以進行拖放。html5以ie為例項制定了拖放規範。firefox3.5、safari3+和chrome也根據html5規範實現了原聲拖放功能。
拖動某元素時,將依次觸發下列事件:
(1) dragstart
(2)drag
(3)dragend
這個事件和mousemove事件相似。以上三個事件的目標都是被拖動元素,預設情況下,瀏覽器不會在拖動期間改變被拖動元素的外觀,但你可以自己修改。不過,大多數瀏覽器會為正被拖動的元素建立乙個半透明的副本,這個副本始終跟隨著游標移動。
當某個元素被拖動到乙個有效的放置目標上時,下列事件將依次發生:
(1)dragenter
(2)dragover
(3)dragle**e 或 drop
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5實現拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5之拖放功能
要接受元素的放下,目標元素必須監聽至少3個事件 1 首先是dragenter事件,用來決定是否接受 拖動的元素 被放下,如果接受放下,那麼該事件就被取消,進入下乙個事件 2 然後開始dragover事件,用來確定給使用者什麼樣的反饋,即位於該元素之上時呈現什麼樣的效果,如果該事件被取消,反饋一般是乙...