ポップアップレイヤの表示に関する位置決め方法document.documentElement.scrollLeft document.body.sc

1416 ワード
document
マウスの座標を取得する方法:
  
/***
      
**/
function mousePosition(ev){
     if(ev.pageX || ev.pageY){
      return {x:ev.pageX, y:ev.pageY};
      }
      return {
       //  document.documentElement.scrollLeft     document.body.scrollLeft   
       x:ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft,
       y:ev.clientY + document.documentElement.scrollTop  - document.documentElement.clientTop
       }; 
 } 

/***
      
**/
function mouseMove(ev){
    ev = ev || window.event;
    var mousePos = mousePosition(ev);
    x_size = mousePos.x
    y_size = mousePos.y
    //document.getElementById('xxx').value = mousePos.x;
    //document.getElementById('yyy').value = mousePos.y;
}

document.onmousemove = mouseMove;
 
最初に使ったのは
  
document.body.scrollLeft

方法マウスの位置を取得しますが、ページがスクロールすると表示偏差が出て、私が望んでいる表示位置ではありません.
実はdocumentを使うだけです.documentElement.scrollLeftはbodyの代わりに使えばいいのですが、この場合はページに
定義＃テイギ＃
<html xmlns="http://www.w3.org/1999/xhtml">
  。

Windowsインストールkafka
UniRx + MessagePipe を利用したフリック入力について