如何在单击时选择悬停元素而不是悬停元素？

Posted 2023-05-08

【中文标题】如何在单击时选择悬停元素而不是悬停元素？

【英文标题】：How to select on click the hovered element not the hover element?

【发布时间】：2021-01-13 20:54:01

【问题描述】：

我正在使用 jquery 拖放一些元素，对于一些太小的元素，我会显示悬停一个带有信息内容的 div。 我的问题是当我想拖动这个元素时，我选择了悬停 div 而不是悬停的 div，我需要拖动悬停的 div...

实际上我正在使用它来创建我的悬停 div：

 $(".ghost_for[data-id='"+value+"']").append("<div class='hiddenTextjob' unselectable='on' id='displayHoraires_"+value+"'>" + firstTemp + "-" + lastTemp + "<br /> idjob: "+value+"</div>");

我使用 css 显示悬停元素：

.ghost_for:hover > .hiddenTextjob
        display: block;
        background-color:#000;
        color:#FFF;
        width:72px;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    

你有解决方案来拖动悬停元素而不是悬停元素吗？

提前致谢

【参考方案1】：

尝试在点击时将焦点设置在悬停 div 上。喜欢：

  $( "#target" ).focus();

【讨论】：

我试试这个：$(document).on('mousedown', ".hiddenTextjob", function() $(this.closest('div.ghost_for')).focus(); ); 但不行……我必须得到悬停元素的拖动处理程序