埋点-获取用户点击次数

最新推荐文章于 2025-05-27 22:50:10 发布

叡

最新推荐文章于 2025-05-27 22:50:10 发布

阅读量766

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/marklua/article/details/42433699

本文介绍了一种使用JavaScript获取DOM元素XPath路径的方法，包括解析DOM结构和创建XPath表达式的过程。通过实例演示了如何在mousedown事件中调用此函数，并利用Image对象进行跨域请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

;(function(){
    function getXpath (obj) {
        var obj = obj.target||obj.srcElement;
        var arr = [],
        iTemp = 0;
        function getTagIndex(tag) {
            var begin = 0;
            var firstChild = tag.parentNode.firstChild;
            while (firstChild) {
                if (firstChild == tag) return begin == 0 ? "": "[" + (begin +1) + "]";
                if (firstChild.nodeType == 1 && firstChild.tagName == tag.tagName) begin++;
                firstChild = firstChild.nextSibling
            }
            return ""
        }
        while (obj) {
            arr[iTemp++] = obj.nodeName + getTagIndex(obj);
            if (obj.tagName != "HTML") obj = obj.parentNode;
            else break
        }
        console.log(arr.reverse().join('/'))
        var img = new Image();// 创建一个image对象,发送数据,跨域相关
            img.src = encodeURI()  //只能用get方式
        return arr.reverse()
    }
    function addEvent(elm,evType,fn,useCapture){
        if(elm.addEventListener){
            elm.addEventListener(evType,fn,useCapture);
            return true;
        }else if(ele.attachEvent){
            var r = elm.attachEvent('on'+evType,fn);
            return r;
        }else{
            elm['on',evType] = fn;
        }
    }
    if(document&&document['documentElement']){
        addEvent(document,"mousedown",getXpath,false);
    }else{
        setTimeout(arguments.callee,16)
    }
})()

http://caoyue.sinaapp.com/?p=45