我想读取鼠标悬停位置的 HTML

winsion 创建于 2023-09-14 00:34

主要是那个地方有个按钮, 我需要读取该按钮的HTML

用来判断这个按钮是否有效（可点击）

这个时候怎么改那段JS ?

//.js
link = document.querySelector('a:hover');
console.log(link);

if (link){
link.href
}else{
"";
}

请绑定手机号后发表评论

CL 2023-09-14 07:31

由于HTML元素嵌套的结构，对于文字，不能很明确的断定目标是哪个元素。

可以尝试用这个动作修改一下，在获取选择器之后，再通过浏览器控制获取元素内部的文本。

winsion 回复 CL 2023-09-19 00:03 :

我试了有一个问题：选择元素（返回CSS选择器）这个操作，必须是手工指定元素取selector

但是，我是想用“鼠标所在点的位置来取”selector。不想每次手工指定

CL 回复 winsion 2023-09-19 07:33 :

无法确定，html元素是嵌套的，怎么知道想要选择到哪一级呢

winsion 回复 CL 2023-09-19 10:05 :

没问题的，只要能取到随便一级（比如你给的这个是最底层），我就可以用正则筛选到我想要的东西。那个selector 有规律的

CL 回复 winsion 2023-09-19 10:13 :

你首先要确定要提取的元素类型，然后修改下图中2的部分，改成 “类型:hover” 这种形式。

winsion 回复 CL 2023-09-19 11:04 :

这个“获取元素信息” 是假定已经知道选择器 selector 或 Xpath的情况下取元素信息的。

我想要的是根据鼠标的位置，取该元素的 selector 或 Xpath。这是不一样的。

您给的CSS选择器 - by CL - 动作信息 - Quicker 是很好的达到了部分内容，不过可惜是取link 的。我希望取outerhtml, 不知道可否做到? 我猜要修改这里 : console.log(link);

希望指教, 谢谢!

请绑定手机号后发表评论

winsion 2023-09-15 00:03

不错，我在试。希望能达到预期

请绑定手机号后发表评论

winsion 2023-09-20 16:53

有没有可能做成，输入鼠标的 X,Y，自动读selector？

我觉得就是差一段标签页运行的代码，只是不知道这个代码是怎么写。谢谢！

侧耳倾听& 回复 winsion 2023-10-21 15:08 :

找到实现的方法了吗.0.0. 用鼠标位置获取CSS选择器

请绑定手机号后发表评论