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

 

### 回答1: Qt5是一种流行的跨平台应用程序框架,能够帮助开发者创建高质量、高效率、易于维护的软件。它不仅能够在多个平台上运行,还拥有广泛的功能,使其成为开发者的首选工具之一。 如果您正在学习和使用Qt5,其中一个重要资源是Qt5教程。Qt5教程是一种开发者使用Qt5时的指南,它涵盖了框架的各个方面、核心概念以及实际应用。 目前,Qt5教程 完整版可以在多个网站进行下载,其中一些网站是由Qt开发者社区或其他第三方机构维护的。一些常见的网站包括qt.io、GitHub、official-tutorials.com等。 下载完整版的Qt5教程可为开发人员提供丰富、系统的学习体验。不仅可以快速地掌握框架的基础知识,还可以更好地理解和运用其高级功能。 此外,Qt5教程还包括实践步骤和示例代码,开发者可以使用这些资源加速应用程序开发和测试过程。 总而言之,Qt5教程完整版提供了一个非常有价值的资源库,可以帮助开发者理解这个强大的应用程序框架,帮助他们为各种不同的目的创建出色的应用程序。 ### 回答2: qt5是一个功能强大的桌面应用程序开发框架,如果您想学习它,您可以搜索到各种Qt5教程。其中最好的一些教程可能会涵盖以下主题: 1. Qt5基础知识:您需要了解Qt5的基本概念、类和对象、信号和槽等基本知识。 2. Qt5 GUI编程:您需要了解如何使用Qt Creator创建GUI应用程序并使用Qt Designer创建UI界面。 3. Qt5高级主题:这可能涉及到Qt5数据库编程、网络编程、多线程编程、OpenGL编程等更高级主题。 如果您需要一个完整的Qt5教程,您可以在互联网上找到很多不错的资源。其中一些资源可能会提供视频教程、在线课程或电子书等。您还可以搜索完整版Qt5教程下载链接,以便离线阅读。 值得注意的是,学习Qt5需要时间和精力,并且可能需要一些编程背景和计算机科学知识。如果您是初学者,您可能需要花费更多的时间来了解基本概念和技术。但无论您的技能水平如何,通过学习Qt5可以帮助您创建高质量的应用程序并加强自己的编程技能。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值