js实现获取差异坐标的方法

本文实例讲述了射流研究…实现获取差异坐标的方法。分享给大家供大家参考，具体如下：

超文本标记语言中最常使用的控件就是差异了，那么如何获取差异的坐标呢？

如下方法可以实现：

/*** * 获取差异的坐标* @ param divObj * @返回{ {宽度：数字，高度：数字，左侧： *，顶部：窗口} } */com。哇哦。hsj。div坐标=函数(div obj){ if(div obj==' string '){ div obj=com。哇哦。hsj。$ $ id(' div obj ')；}返回{ ' width ' : divobj。偏移量twth，' height ' : divobj。offset heart，' x':divObj.offsetLeft，' y':divObj.offsetTop，' scrolleft ' : com。哇哦。hsj。getscroll().左，‘滚动顶部’: com。哇哦。hsj。getscroll().top }；}//跨浏览器获取滚动网站。哇哦。hsj。getscroll=function(){ return { top : document。文档元素。向上滚动| |文档。尸体。向左上方滚动：文档。文档元素。向左滚动| |文档。尸体。向左滚动} }

com。哇哦。hsj。DivComposite()方法介绍

功能：返回差异坐标；参数：div对象或差异的id(字符串);

返回值：对象，有六个属性：

宽度：div自身的宽度；高度：div自身的高度；x:div左上角的坐标x；y:div左上角的坐标y；scrollLeft:水平滚动条的位置scrollTop:竖直滚动条的位置

测试页面：

html head lang=' en ' meta charset=' UTF-8 ' title/title script type=' text/JavaScript ' src=' http : js/jquery-1。10 .1 .js '/script脚本类型=' text/JavaScript ' src=' http : js/common _ util。js '/script type=' text/JavaScript '函数run(){ var loc=com。哇哦。hsj。div坐标(' div obj ')//文档。writeln()；com。哇哦。hsj。$ $ id('文本22 ').innerHTML=' width : ' loc。width '，height:' loc.height '，scrollTop:' loc.scrollTop '，scrollLeft:' loc.scrollLeft '，x:' loc.x '，y : ' loc . y }/script/head dydiv style=' width : 599 px；高度： 499像素；背景色-:中紫红色；id=' DivObj '/divbrinput type=' button ' value=' run ' onclick=' run()；'div id=' text 22 ' style=' width : 400 px；'/div/body/html运行结果：

希望本文所述对大家Java脚本语言程序设计有所帮助。