elementFromPoint当它在onscroll事件中使用时返回null

我有一个简单的html页面，带有固定高度（可滚动）的主div和此div中的2个小div。我试图在滚动期间获取主div中间点的当前元素。它适用于除IE8以外的所有浏览器。在IE8中，document.elementFromPoint（）在onscroll事件中为所有可能的值返回null作为坐标。任何人都知道这个问题的解决方法或解决方案？elementFromPoint当它在onscroll事件中使用时返回null

下面是HTML代码：

<div id="mainDiv" style="height:300px;min-height:300px;overflow:auto;" onscroll="mouseScrolled();"> 
     <div id="div1" style="height:500px;min-height:500px;background-color:blue;display:block;"> 

    </div> 
     <div id="div2" style="height:500px;min-height:500px;background-color:red;display:block;"> 

     </div> 
    </div> 

    <span id="debugSpan"> 
    </span>

的javascript：

function mouseScrolled(event) { 

     var mainDiv = document.getElementById('mainDiv'); 
     var x = getXY(mainDiv)[0] + mainDiv.offsetWidth/2; 
     var y = getXY(mainDiv)[1] + mainDiv.offsetHeight/2; 
     var ctr = document.elementFromPoint(x , y); 

     document.getElementById('debugSpan').innerHTML = "ClientX=" + x + "<BR>" + "ClientY=" + y +"<BR> Control:" + ctrId; 

    } 

    function getXY(obj) { 
     var curleft = curtop = 0; 
     if (obj.offsetParent) { 
      do { 
       curleft += obj.offsetLeft 
       curtop += obj.offsetTop 
      } 
      while (obj = obj.offsetParent) 
     } 
     return { x: curleft, y: curtop }; 
    }

来源

2011-11-22 Use the fork Luke

虽然也许不是最优雅的解决方案，我结束了，如果我从elementFromPoint，如果没有收到什么检查，用setTimeout（fn，0）在下一个空闲时钟周期重试该函数调用。在IE9和其他浏览器中，它似乎第一次工作;对于IE8，它设置超时并在滚动事件处理完成后触发，这会产生一个元素。

来源

2012-01-10 21:24:09

它就像魔术..我已经决定用另一种方式来计算它，但这样它会更有用。谢谢。 –

elementFromPoint当它在onscroll事件中使用时返回null

回答

相关问题