HTML5 鼠标拖拽以及web存储

                               html5
拖拽:
(function(){}())执行匿名函数,要用括号包括起来;
1:用鼠标事件来做拖拽;
2:在HTML5中加入draggable="true",就可以拖拽但是是分成了两个,这个更有效率;

ondragstart:拖拽开始;
ondrag:拖拽中
ondragend:拖拽结束;
ondragenter:进入投放去;
ondragover:投放区移动;
ondragleave:离开投放区;
ondrop:投放区投放;
          ondragover会阻止drop的发生;所以需要在ondragover里面加上
      e.preventDefault();阻止该默认事件的发生

                               地理定位:
navigator.geolocation:

                                web存储:
cookie:存放在客户浏览器端的数据;浏览器和服务器用来维持状态的方法之一; 有限制不超过4KB;每次提交到服务器。

sessionStorage:HTML5提供的一个方法,浏览器提交给服务器,没有大小的限制,但是有时间的限制,只有一次会话。

localStorage:HTML5提供的一个方法,没有大小的限制,也没有时间的限制。有固定的浏览器的存储位置。同一个浏览器可以共享。
                  都只能存储在浏览器。换了浏览器就没有。 

原文地址:https://www.cnblogs.com/luoyao19910515/p/4805728.html