js获取触发事件元素在整个网页中的绝对坐标(示例代码)_javascript技巧

如下所示:

复制代码 代码如下:

 //返回数组类型
        function findPosition(oElement) {//oElement 当前元素
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
                    posX += oElement.offsetLeft;
                    posY += oElement.offsetTop;
                }
            }
            var array = [posX, posY];
            return array;
        }
        //获取触发事件的控件在整个页面的绝对的X坐标
        function findPositionX(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posX = 0; oElement; oElement = oElement.offsetParent)
                {
                    posX += oElement.offsetLeft;
                }
            }
            return posX;
        }
        //获取触发事件的控件在整个页面的绝对的Y坐标
        function findPositionY(oElement) {
            if (typeof (oElement.offsetParent) != 'undefined') {
                for (var posY = 0; oElement; oElement = oElement.offsetParent) {
                    posY += oElement.offsetTop;
                }
            }
            return posY;
        }

时间: 2024-12-10 02:15:50

js获取触发事件元素在整个网页中的绝对坐标(示例代码)_javascript技巧的相关文章

js获取触发事件元素的坐标

  function Point(iX, iY){     this.x = iX;     this.y = iY; }   function fGetXY(aTag){         var oTmp=aTag;     var pt = new Point(0,0);     do {                 pt.x += oTmp.offsetLeft;         pt.y += oTmp.offsetTop;         oTmp = oTmp.offsetPar

js获取页面引用的css样式表中的属性值方法(推荐)_javascript技巧

如下所示: function getStyle(node, property){ if (node.style[property]) { return node.style[property]; } else if (node.currentStyle) { return node.currentStyle[property]; } else if (document.defaultView && document.defaultView.getComputedStyle) { var s

Js获取下拉框选定项的值和文本的实现代码_javascript技巧

Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误! 下面我总结下Firefox和IE下获取下拉框选定项的值和文本: 1. IE和Firefox都支持的方法:获取文本 复制代码 代码如下: var obj=document.getElementById('select_template'); var text=obj.options[obj.selectedIndex].text;//获取文本  var o

在JS中解析HTML字符串示例代码_javascript技巧

在js中直接添加html语句,js会将html字符串解析成相应的HTML语句,并在前端进行显示. 复制代码 代码如下: <span style="font-size:14px;">var el = document.createElement( 'div' ); el.innerHTML = "<html><head><title>titleTest</title></head><body>&

js获取url中指定参数值的示例代码_javascript技巧

如下所示: 复制代码 代码如下:  ///获取url中指定参数        // <param name="paras">参数名称</param>        ///        function request(paras) {            var url = location.href;            var paraString = url.substring(url.indexOf("?") + 1, url.

javascript获得网页窗口实际大小的示例代码_javascript技巧

javascript代码: 复制代码 代码如下: function get_page_size() { var re = {}; if (document.documentElement && document.documentElement.clientHeight) { var doc = document.documentElement; re.width = (doc.clientWidth>doc.scrollWidth)?doc.clientWidth-1:doc.scr

JS 去除Array中的null值示例代码_javascript技巧

复制代码 代码如下: function ClearNullArr(arr){ for(var i=0,len=arr.length;i<len;i++){ if(!arr[i]||arr[i]==''||arr[i] === undefined){ arr.splice(i,1); len--; i--; } } return arr; }

JS动态添加与删除select中的Option对象(示例代码)_javascript技巧

如下所示: 复制代码 代码如下: //动态删除select中的所有options:   function delAllOptions(){        document.getElementById("user_dm").options.length=0;   }  //动态删除select中的某一项option:    function delOneOption(index){        document.getElementById("user_dm").

Js中获取frames中的元素示例代码_javascript技巧

复制代码 代码如下: var oCombo = window.parent.frames["frmresourcetype"].document.getElementById('cmbType') ; 获取父frame元素 var oCombo = window.frames["frmresourcetype"].document.getElementById('cmbType') ; 获取子frame元素