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

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

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

 

目录
相关文章
|
10天前
|
前端开发 JavaScript 区块链
连接区块链节点的 JavaScript 库 web3.js
连接区块链节点的 JavaScript 库 web3.js
|
21天前
|
JavaScript 前端开发 Go
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
|
20小时前
|
JavaScript 前端开发
JavaScript删除数组中指定元素3种方法例子
JavaScript删除数组中指定元素3种方法例子
|
3天前
|
前端开发 JavaScript API
Vue.js:渐进式JavaScript框架-前端开发
Vue.js:渐进式JavaScript框架-前端开发
14 3
|
8天前
|
JavaScript 前端开发
JavaScript实现点击鼠标弹钢琴的效果
JavaScript实现点击鼠标弹钢琴的效果
|
8天前
|
JavaScript 前端开发
JavaScript实现鼠标移动特效
JavaScript实现鼠标移动特效
18 0
|
14天前
|
JavaScript 前端开发
JavaScript-jQuery的使用 + JS的案例
JavaScript-jQuery的使用 + JS的案例
21 0
|
14天前
|
前端开发 JavaScript
HTML DOM如何通过JavaScript动态改变元素的CSS样式?
【5月更文挑战第23天】HTML DOM如何通过JavaScript动态改变元素的CSS样式?
22 1
|
20天前
|
JavaScript 前端开发 流计算
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
|
22天前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
20 0