• 2006-12-19

    div矩形拉框的js代码(兼容ie&ff) - [技术空间]

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://www.blogbus.com/lily64-logs/4089198.html

    又有新的东西要学了,vrml。高手的项目很紧,主管要我帮忙。初步看了一下,兴趣不大,哎。
    终于搬地方了,有了一张新桌子,面前就是摄像头,电脑上接着视频干扰仪,嗬,这日子过得。
    今天他给我打来电话,在泰山之巅。一刹那间,那种羡慕不是假的。突然间很想念山,想念成都,想念自由自在的飞翔的感觉。可是那一切都离我很遥远了。有时候翻到以往的照片,我简直都不相信,那曾经是我眼中、我面前、我整个呼吸里的风景。
    整理了三段代码。存档。
    <s c r i p t>
    start=true;
    startx=0;
    starty=0;
    function mychange(e)
    {
    if(!e)e=event;
    mydiv=document.getElementById("myrect");
    if(e.clientX-startx<0)
    {
    myleft=e.clientX;
    mywidth=startx-e.clientX;
    }
    else
    {
    myleft=startx;
    mywidth=e.clientX-startx;
    }
    if(e.clientY-starty<0)
    {
    mytop=e.clientY;
    myheight=starty-e.clientY;
    }
    else
    {
    mytop=starty;
    myheight=e.clientY-starty;
    }
    mydiv.style.left=myleft;
    mydiv.style.top=mytop;
    mydiv.style.width=mywidth;
    if(!(document.all&&(myheight==0)))
    mydiv.style.height=myheight;
    }
    function myclick(e)
    {
    if(!e)e=event;
    if(start)
    {
    document.getElementById("mydraw").innerHTML="";
    mydiv=document.createElement("div");
    mydiv.style.position="absolute";
    mydiv.style.overflow="hidden";
    mydiv.style.height=1;
    mydiv.style.border="2px solid red";
    mydiv.id="myrect";
    document.getElementById("mydraw").appendChild(mydiv);
    startx=e.clientX;
    starty=e.clientY;
    }
    else
    mychange(e);
    start=!start;
    }
    function mymove(e)
    {
    if(start)return;
    if(document.getElementById("myrect")==null)return;
    mychange(e);
    }
    document.onclick=myclick;
    document.onmousemove=mymove;
    </ s c r i p t>
    <div id=mydraw></div>
    分享到:

    评论

  • 不客气,欢迎交流。
  • 谢谢你画图的代码,我在网上找了2天才找到你的代码!!!!!!!!!!!!
  • ff里e作为function的第一个参数,表示事件局部变量,ie中无此参数,用的是事件全局变量window.event,简写为event。此句即判断当浏览器不为ff的情况。

    可以参考我的一篇关于兼容性的文章:http://www.blogbus.com/lily64-logs/4015610.html

    欢迎讨论:)
  • if(!e)e=event;

    这句没看懂是什么意思,event又是哪里来的?