上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

内江网站制作要多少钱【域名企业邮箱服务器注册申请办理】内江网络优化公司哪家好、内江软件开发外包价格、内江高端企业网站页面制作设计专业公司、内江微信公众号小程序购物支付搭建制作公司

内江，古称汉安，美称甜城，是孔子之师苌弘和国画大师张大千的故乡，内江属于四川省的地级市，位于四川省东南部，沱江下游中段，东邻重庆，南界泸州，西连自贡、眉山，北毗资阳；地形以丘陵为主，东南、西南面有低山环绕；属亚热带湿润季风气候。内江市幅员面积5385平方公里，管辖2个区、2个县，代管1个县级市；2018年户籍人口411.77万人。

内江风景秀丽，名胜众多，有被誉为“立体史书”的隆昌古牌坊群、号称“川中第一禅林”的圣水寺、佛教古刹西林寺、重龙山摩崖石刻、东林寺的千手观音、“巴蜀四大文庙”之首的资中文庙、始建于明代的资中武庙，以及威远穹窿地貌、喀斯特奇观圣灵山溶洞、九曲十八弯的甜城湖、观鸟基地古宇湖等人文景观和自然景观。 [1] 

内江十贤人，是内江历史人物的杰出代表，苌弘（孔子之师）、赵雄（抗金名相）、赵贞吉（文渊阁老）、范崇凯（巴蜀状魁）、赵逵（天子门生）、骆成骧（清代状元）、丈雪通醉（一代高僧）、喻培伦（辛亥先烈）、张大千（国画大师）、范长江（新闻巨子）。 [2] 

2020年，内江地区生产总值（GDP）实现1465.88亿元、同比增长3.9％，增速高于全省平均水平0.1个百分点。 [3] 

概述

在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容

鼠标点击位置坐标

相对于屏幕
当我们点到自己想点的地方时，发现编辑框的左上角没有到达我们想要的位置：如图出现了向下的偏差，

如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screenY获取的是点击位置相对于屏幕的左边距与上边距，不考虑iframe因素，不同浏览器下表现的还算一致。

<script type="text/javascript">    $(".zmz-dgc-add").on('click','li',function(event){    console.log($(this))    var e = event || window.event;    $('.zmz-dgc-edit').css({'left':e.screenX,'top':e.screenY})    console.log('x:'+e.screenX+'y:'+e.screenY)})</script>

相对浏览器窗口

当我们点到自己想点的地方时，发现编辑框的左上角没有到达我们想要的位置：如图出现了靠近浏览器边缘的现象，

简单代码即可实现，然而这是还不够，因为绝大多数情况下我们希望获取鼠标点击位置相对于浏览器窗口的坐标，event的clientX，clientY属性分别表示鼠标点击位置相对于文档的左边距，上边距。于是类似的我们写出了这样的代码

<script type="text/javascript">    $(".zmz-dgc-add").on('click','li',function(event){        console.log($(this))        var e = event || window.event;        $('.zmz-dgc-edit').css({'left':e.clientX,'top':e.clientX})        console.log('x:'+e.clientX+'y:'+e.clientX)    })</script>

相对文档

当我们点到自己想点的地方时，发现编辑框的左上角到达我们想要的位置：如图

简单测试也没什么问题，但是clientX与clientY获取的是相对于当前屏幕的坐标，忽略页面滚动因素，这在很多条件下很有用，但当我们需要考虑页面滚动，也就是相对于文档（body元素）的坐标时怎么办呢？加上滚动的位移就可以了，下边我们试试怎么计算页面滚动的位移。

其实在Firefox下问题会简单很多，因为Firefox支持属性pageX,与pageY属性，这两个属性已经把页面滚动计算在内了。

在Chrome可以通过document.body.scrollLeft，document.body.scrollTop计算出页面滚动位移，而在IE下可以通过document.documentElement.scrollLeft ，document.documentElement.scrollTop

<script type="text/javascript">    $(".zmz-dgc-add").on('click','li',function(event){        console.log($(this))        var e = event || window.event;        var e = event || window.event;        var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;        var scrollY = document.documentElement.scrollTop || document.body.scrollTop;        var x = e.pageX || e.clientX + scrollX;        var y = e.pageY || e.clientY + scrollY;        $('.zmz-dgc-edit').css({'left':x,'top':y})        console.log('x:'+e.screenX+'y:'+e.screenY)    })</script>

内江网站制作要多少钱【域名企业邮箱服务器注册申请办理】内江网络优化公司哪家好、内江软件开发外包价格、内江高端企业网站页面制作设计专业公司、内江微信公众号小程序购物支付搭建制作公司

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）