Javascript 如何在鼠标上显示div在禁用按钮上显示div

我一直在研究对禁用按钮执行操作的要求。我想在禁用按钮上显示文本，我在Jquery中尝试过，但它不起作用，下面是我尝试过的代码

$（函数（）{
$（窗口）。打开（“加载”，函数（）{
$（'#btn'）.prop（“禁用”，真）；
$（“#btn[已禁用]”）.mouseover（函数（）{
$（“.main”）.css（{“display”：“block”}）；
})
$（“#btn[已禁用]”）.mouseout（函数（）{
$（“.main”）.css（{“display”：“none”}）；
})
});
})

搜寻
这是一个div

情况：

在HTML

disabled

中，元素不会触发任何事件，也不会对用户操作做出反应，它们只是以灰色文本显示

您可以从中看到：

如果元素被禁用，则它不会响应用户操作，无法聚焦，并且不会触发命令事件

解决方案：

---

为什么不直接使用title属性

title=“这是一个div”

搜索

下面是一个简单的演示片段：

---

搜索

您可以使用CSS来执行此操作，如下所示：

#hiddenDiv{display:none；}
#btn[禁用]：悬停+#hiddenDiv{display:block；}

搜索
这是一个div

禁用按钮意味着关闭按钮的交互功能。虽然这是一种不同的方法，但您可能希望通过CSS实现期望的浏览器速度效果

按钮[禁用]+.main{
显示：无；
}
按钮[禁用]：悬停+主{
显示：块；
}

搜索
这是一个div

为什么不直接使用title属性`title=“这是一个div”？！禁用的元素不会触发事件。将您的按钮包装在一个div中，并在同一个可能的副本上触发mouseover事件。有一个黑客解决方案，我在JavaScript中使用title，将鼠标移到已解散的按钮文档上。getElementById（“id”）.title=“some text”我使用了这个语法，在该语法中我禁用了按钮。我这样做是对的？

<button id="btn" title="this is a div" disabled>Search</button>