美文网首页
HTML5中的图片拖放

HTML5中的图片拖放

作者: IO大仙 | 来源:发表于2017-12-03 15:05 被阅读0次

    拖放函数:

    1.HTML5拖放

    Drag拖和drop放是HTML5标准的组成成分

    2.拖放开始:

    ondragstart:调用了一个函数,drag(event),它规定了被拖动的数据

    3.设置拖动数据:

    setData():设置被拖放的数据类型和值

    4.放入位置:

    ondragover:事件规定在任何处放置被拖动的数据

    5.放置

    ondrop:当放置被拖数据时,会发生drop事件

    在网页中直接拖放的代码:

    html部分:

    拖放

    js部分:

    直接从文件夹中拖放的代码:

    js部分:

    html部分:

    学习心得:js的学习不仅要记住各种方法,构造函数;还要能够理解熟悉程序。

    千里之路,始于足下!

    相关文章

      网友评论

          本文标题:HTML5中的图片拖放

          本文链接:https://www.haomeiwen.com/subject/phsabxtx.html