Question

我正在开发一个网站，我想在用户点击文本框时移动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坐标，但我怎么得到这个？有人可以帮助我吗？

如何在特定点停止移动文本框？

0 个答案: