javascript - 特定のポイントでテキストボックスの移動を停止する方法は?

Question

私は Web サイトを開発しています。ユーザーがテキスト ボックスをクリックしたときに div を移動させたいのですが、クリックしたテキスト ボックスの下でその div を停止する必要があります。私が試してみました

var index = event.target.id

しかし、うまくいきませんでした。流れるJavaScript関数を使用しています

<script  type="text/javascript">

var cmdStr = window.location.search;

cmdStr = (cmdStr.indexOf("menu_id")>-1)?cmdStr.substring(cmdStr.indexOf("=")+1,cmdStr.length):"";

var isNS6 = (navigator.userAgent.indexOf("Mozilla")>-1 && navigator.userAgent.indexOf("Gecko")>-1)?true:false;
var isIE  = (navigator.userAgent.indexOf("MSIE")>-1 && navigator.userAgent.indexOf("Opera")==-1)?true:false;
var isOp  = (navigator.userAgent.indexOf("Opera")>-1)?true:false;


function init(){
 // if(isIE){
 //   document.getElementById("msg_scroller").style.position="relative";
 // }
}
var incrementVal = 2;
var timer;
var flag;

function scroll(flag){
    var obj = document.getElementById("movingDiv");
    var isIE6 = (document.documentElement.clientHeight)? true : false;`

    var Y = parseInt(obj.style.top);
    var cY = (isIE6)?document.documentElement.clientHeight-173 :((document.all)? document.body.clientHeight-173:window.innerHeight - 173);
    if(flag==1 && Y<cY){
        obj.style.top = (Y+incrementVal)+"pt";
        timer = setTimeout("scroll(1)",incrementVal*20);
    }else if(flag==-1 && Y>0){

        obj.style.top = (Y-incrementVal)+"pt";
        timer = setTimeout("scroll(-1)",incrementVal*20);
    }else{
        clearTimeout(timer);
    }
}
</script>

そして私のhtmlは

<div id="movingDiv" style="position:absolute;left:100pt;top:150pt;border:1px;width:160px;background-color:lightyellow;font-weight:bold;" >
<textarea style="font-size: 10pt; font-family: Potha, Malithi Web , Arial Unicode MS;
                            width: 600px;"  rows="7"></textarea> 
 <text></div>

これを止めるにはx、y座標を取得する必要がありますが、これを取得するにはどうすればよいですか?? 誰かが私を助けることができますか？