HTML5技术

HTML5-原声拖放 - dandan888

字号+ 作者:H5之家 来源:博客园 2016-02-12 13:00 我要评论( )

最早在网页中引入js拖放功能的是IE4,并且只可以拖放图像和某些文本。IE5.5以后网页中的任何元素都可以进行拖放。HTML5以IE为实例制定了拖放规范。FireFox3.5、Safari3+和Chrome也根据HTML5规范实现了原声拖放功能。 拖动某元素时,将依次触发下列事件: (1

  最早在网页中引入js拖放功能的是IE4,并且只可以拖放图像和某些文本。IE5.5以后网页中的任何元素都可以进行拖放。HTML5以IE为实例制定了拖放规范。FireFox3.5、Safari3+和Chrome也根据HTML5规范实现了原声拖放功能。

  拖动某元素时,将依次触发下列事件:

    (1) dragstart

    (2)drag

    (3)dragend

  这个事件和mousemove事件相似。以上三个事件的目标都是被拖动元素,默认情况下,浏览器不会在拖动期间改变被拖动元素的外观,但你可以自己修改。不过,大多数浏览器会为正被拖动的元素创建一个半透明的副本,这个副本始终跟随着光标移动。

  当某个元素被拖动到一个有效的放置目标上时,下列事件将依次发生:

    (1)dragenter

    (2)dragover

    (3)dragleave 或 drop

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 拖放(Drag 和 Drop)详解与实例 - 孟然

    HTML5 拖放(Drag 和 Drop)详解与实例 - 孟然

    2017-02-06 16:01

  • HTML5_06之拖放API、Worker线程、Storage存储 - Jupiter258

    HTML5_06之拖放API、Worker线程、Storage存储 - Jupiter258

    2016-11-20 10:03

  • HTML5_05之SVG扩展、地理定位、拖放 - Jupiter258

    HTML5_05之SVG扩展、地理定位、拖放 - Jupiter258

    2016-11-16 10:00

网友点评
d