1

B.htmlを埋め込むページA.htmlがあります。A.html でマウスの位置を取得したいのですが、 iframe要素の上でマウスが A.html をクリックすると、問題が発生します。マウス位置

A.html

<style>
  .iframe_1{height:150px; width: 150px; top:360px; left:365px; overflow:hidden;
            position:absolute;}
</style>
<iframe id="iframe" class="iframe_1" src="http://www.example.com/B.html">
</iframe>

my.js

document.onclick=getMouPo;
function getMouPo(ev){
  if ( ev == null )
    ev = window.event;

  var point = {
    x:0,y:0
  };
  if ( typeof window.pageYOffset != 'undefined'){
    point.x = window.pageXOffset;
    point.y = window.pageYOffset;
  }
  else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){
    point.x = document.documentElement.scrollLeft;
    point.y = document.documentElement.scrollTop;
  }
  else if(typeof document.body != 'undefined'){
    point.x = document.body.scrollLeft;
    point.y = document.body.scrollTop;
  }

  point.x += ev.clientX;
  point.y += ev.clientY;
  alert (point.x +","+ point.y);
  return point;
} // getMouPo(ev)
4

0 に答える 0