(17.05.22)(43)geolocation地理位置、获取当前位置、获取实时位置、文件拖拽

geolocation        地理位置
    大数据统计
    生活
        滴滴     摩拜单车    美团外卖    导航
    社交
        微信    陌陌    探探     QQ

必须放在服务器环境

    PC        IP地址
    移动设备    GPS定位

window.navigator.geolocation

    获取当前位置:只能获取一次

        .getCurrentPosition(function(pos){
            pos.coords      //位置信息

            longitude           经度
            latitude            纬度
            accuracy            精准度
            altitude            海拔
            altitudeAccuracy    海拔精准度
            heading             朝向
            speed               速度
        });

    实时获取位置

        .watchPosition(function(pos){
            pos.coords
        })
            或者
                setInterval(function(){
                    navigator.getCurrentPosition(function(pos){
                        pos.coords;
                    });
                },3000);


        .clearWatch()

116.5153731,39.7835112


文件拖拽
    ondragenter
        拖进去
    ondragleave
        拖出来

    ondragover         悬浮

    ondrop        释放鼠标触发
    return false;    阻止浏览器的默认行为

    ondrop不触发
        只有把ondragover的默认行为阻止,ondrop才会触发

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、HTML5 1.1 认识HTML5 HTML5并不仅仅只是作为HTML标记语言的一个最新版本,更重要的是它制定...
    福尔摩鸡阅读 16,250评论 14 51
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,347评论 19 139
  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 4,243评论 0 3
  • 1、HTML5:HTML4.1网页开发:结构: html4.0样式:css css2行为:jsHTML5:是HTM...
    Yuann阅读 4,326评论 0 2
  • 爱情是这世上难以言尽的无常,它有着诸般化身:爱情交织着谎言,交织着怨恨,甚至交织着谋杀;盛放的爱逃不开恨,它是一朵...
    颖子Mandy阅读 4,039评论 0 1