gpt4 book ai didi

javascript - 在 gridview 中显示 float div

转载 作者:行者123 更新时间:2023-11-30 23:51:57 24 4
gpt4 key购买 nike

我有一个 gridview,当我将鼠标悬停在特定列上时,我将外部 div(position:absolute) 加载到该位置。这是通过在 gridview 单元格的 onmouseover 事件中调用 js 函数来完成的( gvTestGrid.cells[1].attributes.add("onmouseover","loadDIV();"))。我能够在鼠标悬停时正确加载 div,但问题是我加载的 div 中包含一个下拉列表和按钮。当我尝试将鼠标移到 div 内以单击按钮或选择下拉列表时,div 会移开。这是在我添加后发生的onmouseout 事件(gvTestGrid.cells[1].attributes.add("onmouseout","re​​moveDIV();"))

如果没有 onmouse out 事件,我的 div 将保持在 gridview 单元格上加载。请帮忙

我做了一个小样本

<html>
<div id="divPopup" onmouseout="removeDIV(this,event);" style="display:none;width:100px;height:100px;color:Navy;border:2px;border-color:Red;border-style:solid;">
Yes its me
</div>

<table>
<tr><td>A</td></tr>
<tr><td>S</td></tr>
<tr><td onmouseover="loadDIV(event)" onmouseout="removeDIV(this,event);">D</td></tr>
<tr><td>E</td></tr>
</table>

</html>
<script language="javascript" type="text/javascript">
function loadDIV(evt)
{
var myWin = document.getElementById('divPopup');
myWin.style.position='absolute';
myWin.style.left = evt.x;
myWin.style.top = evt.y;
myWin.style.display='block';

}

function removeDIV(obj,evt)
{
var myWin = document.getElementById('divPopup');
myWin.style.display='none';
myWin.style.left = 0;
myWin.style.top = 0;
}
</script>

如果你尝试将鼠标输入到 div 中,它会移开。请问有什么解决方案吗?

最佳答案

在完成弹出的 DIV 中的工作后删除该 div 怎么样?因此,当您单击 DIV 中的按钮时(假设它确实有效并且应该随后关闭)或以类似的方式,您将关闭 DIV。

关于javascript - 在 gridview 中显示 float div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1266929/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com