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

功能建议 · 170 次浏览
winsion 创建于 2023-09-14 00:34

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

用来判断这个按钮是否有效(可点击)

这个时候怎么改那段JS ? 

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

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

 


回复内容
winsion 2023-09-20 16:53
#1

CSS选择器 - by CL - 动作信息 - Quicker 

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

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


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

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

winsion 2023-09-15 00:03
#2

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


CL 2023-09-14 07:31
#3

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

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

CSS选择器 - by CL - 动作信息 - Quicker 

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); 

希望指教, 谢谢!

回复主贴