JS javascript 点击鼠标鼠标事件获取元素获取元素Xpath

最新推荐文章于 2024-06-15 19:18:00 发布

123hello123

最新推荐文章于 2024-06-15 19:18:00 发布

阅读量3.2k

点赞数

分类专栏： python-常用功能-sdk代码 JavaScript 文章标签： javascript 前端开发语言 Xpath 鼠标事件

本文链接：https://blog.csdn.net/qq_43615820/article/details/126276310

版权

python-常用功能-sdk代码同时被 2 个专栏收录

27 篇文章 2 订阅

订阅专栏

JavaScript

1 篇文章 0 订阅

订阅专栏

js代码，鼠标在页面点击时，记录元素的Xpath

代码：

function mouse_down(event){   
    var x = event.clientX, y = event.clientY
    var element = document.elementFromPoint(x, y)
     if (!element) {
     console.log("error: no element")
    } 
     console.log(readXPath(element))
}

function readXPath(element) {   
    count = 1
    result = ""
    
    while (true){
        count += 1
        if(count>99){
            break
        }
        if (element == document.body){
            console.log('/html/body/' + result)
            break
        }

        else
        {
            tag_index = 0
            tmp = element.parentElement
            for(var i=0;i<tmp.childElementCount;i++){

                if (tmp.children[i].tagName == element.tagName){
                    tag_index += 1
                }

                if (element == tmp.children[i]){                    
                    result = element.tagName.toLowerCase() + "[" + String(tag_index) + "]" + "/" +result
                    // console.log(result)
                    break
                }
                
            }

            element = tmp
            
        }

    }
    
}

document.onmousedown = mouse_down