在不启动悬停本身的情况下，是否可以在悬停后获取div的属性？
在不启动悬停本身的情况下，是无法直接获取div的属性的。悬停（hover）是一种交互行为，当鼠标悬停在一个元素上时，会触发相应的事件或样式改变。在悬停结束后，元素的属性不会自动被记录或保存。
如果需要在悬停结束后获取div的属性，可以通过其他方式实现。一种常见的方法是使用JavaScript监听鼠标移入和移出事件，当鼠标移入时记录div的属性，当鼠标移出时获取之前记录的属性。具体实现可以参考以下步骤：
- 给目标div元素添加鼠标移入和移出事件监听器，例如：var divElement = document.getElementById("targetDiv"); divElement.addEventListener("mouseenter", handleMouseEnter); divElement.addEventListener("mouseleave", handleMouseLeave);
- 在鼠标移入事件处理函数中记录div的属性，例如：function handleMouseEnter(event) { var targetDiv = event.target; var attribute = targetDiv.getAttribute("attributeName"); // 在这里可以对属性进行处理或保存 }
- 在鼠标移出事件处理函数中获取之前记录的属性，例如：function handleMouseLeave(event) { var targetDiv = event.target; var attribute = targetDiv.getAttribute("attributeName"); // 在这里可以使用之前记录的属性进行后续操作 }
需要注意的是，以上代码中的"targetDiv"和"attributeName"需要根据实际情况进行替换，分别表示目标div的ID和需要获取的属性名。
这种方法可以适用于各种前端开发场景，例如根据悬停后的属性改变其他元素的样式、触发特定的动画效果等。对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，这里无法给出相关推荐。
相关·内容
1回答
预期场景:如果用户使用侧边栏超过5秒，当鼠标在附近20 is时，侧边栏会消失(不透明度设置为20%)和淡入(不透明度:100%)。
目前我得到的实现是:当我加载页面和侧边栏时，如果它没有悬停5秒，它就会消失，当我悬停在上面时，它会消失(不透明度100%)，而当我悬停(鼠标悬停)时，它会100%消失。
当鼠标在20 in附近时，我无法实现-淡入。
const [isSidebarFaded, setSidebarFaded] = useState(false)
const [isHovered, setHovered] = useState(false)
useEffect(()
浏览 2提问于2022-10-06得票数 1
回答已采纳
1回答
我有一个包含元素(h3，img，p)的div。我想使用jQuery来检测用户何时将鼠标悬停在此div上，然后切换此div中的某个元素类。
我使用的代码如下：
$('.entry').bind({
mouseover: function() {
$('.readMore').toggleClass('inverted');
},
mouseleave: function() {
$('.readMore').toggleClass('inverted');
}
});
浏览 1提问于2011-11-08得票数 5
回答已采纳
3回答
总之，我遇到了一个处理嵌套元素悬停处理程序的问题。似乎当鼠标进入child分区时，祖先也处于hover状态，当鼠标进入child元素时，有没有办法触发祖先的hoverout事件呢？
下面是我到目前为止正在尝试做的事情。请检查它。
<style>
div
{
border:1px solid red;
margin:10px;
padding:10px;
}
</style>
<script>
$(function() {
$('div').each(function(){
浏览 1提问于2013-03-19得票数 3
回答已采纳
在外部站点上测试此jquery代码(通过代理加载以绕过单一来源策略)，似乎有某些站点在鼠标悬停在预期的红色边框线上时不会出现。我怎样才能确保红色边框线总是出现在鼠标悬停在其他所有东西的上方？这可能是某些网站没有出现鼠标悬停时的突出显示，z索引或其他一些奇怪的东西可能导致了这个问题，但没有出现javascript错误。
$(document)
.mouseover(function(event) {
if ($(event.target).parents('#myunique').length){
event.preventD
浏览 0提问于2010-11-26得票数 0
回答已采纳
当鼠标悬停在React recharts中的图例上时，我正在尝试实现不透明度更改：
但是，我总是收到错误: TypeError: Cannot read property 'opacity‘of null。有什么原因吗？导致问题的是具有行"OnMouseEnter“和"OnMouseLeave”的图例组件。
谢谢
class EducationPageRouter extends React.Component{
getInitialState() {
return {
opacity: {
car: 1,
p
浏览 39提问于2018-07-28得票数 2
回答已采纳
我有一个带有一些子元素的元素。当鼠标离开父元素时，我想隐藏父元素及其子元素。我遇到的问题是，当我将鼠标悬停在任何一个子对象上时，mouseout事件都会被触发。防止这种情况的最好方法是什么？我真的希望只有当鼠标不在父对象或其任何子对象中时，事件才会触发。
浏览 0提问于2010-02-08得票数 4
回答已采纳
3回答
我想做的是：
当您悬停在行上时，颜色变化和svg出现时，您可以单击SVG (当前在控制台中显示“单击”)来触发函数(也需要支持触发外部函数，而不仅仅是那些需要在SVG内定义脚本标记的函数，例如，支持函数)当鼠标离开时，行恢复到原始表单。
问题：
如果指针事件没有设置为none，则在SVG按钮上悬停将触发mouseLeave (离开行)。如果将SVG设置为none，SVG内的SVG按钮将变成unclickable.onClick，似乎不支持外部函数(例如，支持函数)
希望能帮上忙。
const { Container, Row, Col} = ReactBootstrap;
function
浏览 2提问于2021-10-07得票数 1
我制作了一个CSS网格，在每个网格项上显示一个<p>{name}</p>元素。当onMouseOver悬停事件时，我想显示一个新的div (包含在react片段中)，但位置相同。
我没有使用CSS，而是使用JavaScript来编写这方面的逻辑--当用户悬停在网格项上时，它会将布尔值(保存为状态变量isMouseHovering)从false转换为true。当状态值为the时，我有一个条件语句显示'new‘div。
问题是，此逻辑适用于网格项容器元素，而不是网格容器中的元素。所以当我越过网格时，它会做它应该做的事情，并显示新的div。但是，当我在网格项容器元素中
浏览 17提问于2022-01-21得票数 0
回答已采纳
1回答
我正在尝试创建一个链接列表，当鼠标悬停在不同的链接上时，会出现一个对话框，显示该链接的简短摘要内容。对于不同的链接，内容应该不同。然后，当鼠标离开链接时，该框将自动消失。以下是我使用jQuery UI的当前代码：
<script type='text/javascript'>
$(document).ready(function(){
function hovIn(){
$("#info1").dialog({
open : function ( event, ui ) {
$
浏览 1提问于2014-03-06得票数 0
有时候，我可以选择使用CSS元素:hover或JavaScript onmouseover来控制页面上html元素的外观。考虑以下场景，其中div包装输入
<div>
<input id="input">
</div>
当鼠标光标悬停在div上时，我希望输入改变背景颜色。CSS方法是
<style>
input {background-color:White;}
div:hover input {background-color:Blue;}
</style>
<div><input>
浏览 4提问于2009-03-04得票数 86
回答已采纳
我有一个关于onmouseover()事件侦听器的问题。
<div class="parent" onmouseover="myfunction()">
<div class="child"></div>
</div>
每当鼠标悬停在parrent上时，我都会触发一个javascript函数，但每当我将鼠标悬停在child上时，它就不再注册onmouseover。
有没有办法让onmouseover()在使用纯Javascript的child元素上悬停时也被触发？
浏览 39提问于2017-04-13得票数 5
我有一个单独的div 100pxX300px。在JavaScript中最简单的方法是什么，当我将鼠标悬停在div上时，我会显示一个图像，然后当我离开div时，图像就会消失。
对于初学者来说，我认为以下内容可以让我开始，但我似乎无法正确删除图像
<script type="text/javascript">
function MouseOver_Event(elementId) {
var imgToCreate = document.createElement('img');
浏览 0提问于2011-10-06得票数 1
回答已采纳
1回答
te)。在iFrame的代码中，还有另一个iFrame，它包含另外两个页面(绿色和蓝色)。
在Red页面中，我有一些Javascript，它允许当鼠标悬停在屏幕右侧(从右300px)时显示一个隐藏的侧边栏。这可以很好地工作，但是如果用户将鼠标拉开，光标悬停在iFrame中的红色或绿色页面上，侧边栏将不会缩回。但是，如果用户将光标缩回红色区域(顶部和左侧)，则侧边栏会按预期缩回。我假设在红色和绿色页面中没有代码告诉侧边栏在鼠标悬停时退回。
我的问题是，我的Javascript真的很烂。不管鼠标光标在哪里，我该如何让侧边栏缩回呢？任何帮助都将不胜感激。谢谢
$(window).on('
浏览 0提问于2017-05-17得票数 0
我有一个Jquery悬停和点击手机的问题..让我解释一下！
我有正方形的div，当鼠标悬停在它上面时，会出现一个新的div，并跟随鼠标。您甚至可以单击正方形div，如果是这样，将打开一个新页面。现在的问题是，在移动设备上，我需要点击两次才能打开新页面，因为第一次点击被读取为"hover“。
我试过了
$("#mydiv").on('click touchend', function(e)
实际上它是有效的，但如果我想在移动设备上滚动页面，并在正方形div上开始滑动，新页面就会打开，这是不应该的，因为我没有点击正方形div，只是“路过”。
浏览 21提问于2016-09-02得票数 0
我在这里写作，因为我的页面中的脚本有一些问题。我有一个关于菜单焦点的问题，我在一两周前在这个论坛上写了它，但是一个很棒的脚本告诉我，一个用户有一个bug，我不知道如何解决它。我已经尝试了很多可行的解决方案，但问题仍然存在。
下面是模拟我的问题的代码：
$(document).ready(function() {
$('#handle').mouseenter(slideIn);
$("#box").mouseleave(function() {
$(this).animate({
left: "-=
浏览 1提问于2012-11-29得票数 0
2回答
我得到了以下html设置：
<div id="div1">
<div id="content1">blaat</div>
<div id="content1">blaat2</div>
</div>
它的样式是这样的，所以你不能悬停div1而不悬停其他两个div中的一个。现在我在div1上看到了一个鼠标输出。
问题是当我从content1移动到content2时，我的div1.mouseout会被触发，因为他们的鼠标输出是冒泡的。
事件的目标、currentTarget或re
浏览 0提问于2010-03-15得票数 5
回答已采纳
让我详细描述一下这个问题：
当悬停在一个元素上时，我想显示一个绝对定位的div。对于jQuery来说，这非常简单，并且工作得很好。但是当鼠标移到其中一个子元素上时，它会触发包含div的mouseout事件。如何防止javascript在悬停子元素时触发包含元素的mouseout事件。
用jQuery做到这一点的最好和最快捷的方法是什么？
这里有一个简单的例子来说明我的意思：
Html：
<a>Hover Me</a>
<div>
<input>Test</input>
<select>
<option
浏览 7提问于2008-12-08得票数 109
回答已采纳
到目前为止，这是我的代码 class PortfolioList extends Component{
render(){
const {column , styevariation } = this.props;
const list = PortfolioListContent.slice(0 , this.props.item);
return(
<React.Fragment>
{list.map((value , index) => (
<div class
浏览 26提问于2020-10-06得票数 1
4回答
我使用jQuery to addClass将鼠标悬停在div...but上，背景颜色不会改变。我猜是因为它之前在CSS中被指定了背景色吧？当鼠标悬停时，hover类上的其他属性(边框)会出现，以便addClass正常工作。
我如何才能/应该让它工作呢？
jQuery
$('.pick1-box').hover(
-> $(this).addClass('hover')
-> $(this).removeClass('hover')
)
CSS
.pick1-box, .pick2-box {
...
浏览 0提问于2012-02-24得票数 4
回答已采纳
下面的代码将在悬停元素的顶部显示一个绝对定位的元素(分层为z-index)。当鼠标干扰在悬停时消失的元素，使鼠标/鼠标反复开火，造成不利影响。
对此进行编码的最佳方法是什么，这样褪色的in元素就不会干扰悬停事件？
$("div-below-faded-in-element").hover(function(e) {
$("hovered-element-positioned-on-top-of-div").fadeIn()
},
function() {
$("hovered-element-positioned-on-top-of-di
浏览 0提问于2011-04-20得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
