鼠标选取框

转载 2004年08月30日 18:46:00

<html>
<head>
<title> 鼠标选取框 </title>
<script language="JavaScript">
var x0;
var y0;
var select=false;

function document.onmousedown()
{
    x0=document.body.scrollLeft+event.clientX;// 鼠标起始横坐标
    y0=document.body.scrollTop+event.clientY;// 鼠标起始纵坐标
    select=true;
}

function document.onmouseup()
{
    select=false;
}

function document.onselectstart()
{
    return false;
}

function document.ondrag()
{
    return false;
}

function document.onmousemove()
{
    if (select)
    {
        dd.style.display='';// 如果鼠标已经正确移动,将层设置为可视。
        if(document.body.scrollLeft+event.clientX-x0>0) // 从左向右
        {
            dd.style.left=x0;
            dd.style.width=document.body.scrollLeft+event.clientX-x0;
        }
        else // 从右向左
        {
            dd.style.left=document.body.scrollLeft+event.clientX;
            dd.style.width=x0-(document.body.scrollLeft+event.clientX);
        }
        if (document.body.scrollTop+event.clientY-y0>0)// 从上向下
        {
            dd.style.top=y0;
            dd.style.height=document.body.scrollTop+event.clientY-y0;
        }
        else// 从下向上
        {
            dd.style.top=document.body.scrollTop+event.clientY;
            dd.style.height=y0-(document.body.scrollTop+event.clientY);
        }
    }
}
</script>
</head>

<body>
<table id="dd" style="position:absolute; width:0px; height:0px; z-index:99; border:1px black dashed; display:none;"><tr><td></td></tr></table>
</body>
</html>

仿Windows桌面框选功能实现

  • 2015年04月16日 20:00
  • 55KB
  • 下载

鼠标选择框特效

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">鼠标特效(function...
  • andylaufzf
  • andylaufzf
  • 2007-09-21 10:05:00
  • 415

Opencv鼠标响应(框选以及取点)

Opencv鼠标响应
  • zmdsjtu
  • zmdsjtu
  • 2017-01-25 17:23:26
  • 2781

unity实现鼠标框选

几次看见有人问框选物体的做法,之前斑竹也介绍过,用画的框生成的视椎,用经典图形学的视锥裁剪就能做到。 视锥裁剪资料学习:http://www.linuxgraphics.cn/graphics/op...
  • woailvmengmeng
  • woailvmengmeng
  • 2014-01-09 16:29:35
  • 2053

实现鼠标选定矩形框

转载地址:http://www.cnblogs.com/tornadomeet/archive/2012/05/04/2483444.html
  • u013129690
  • u013129690
  • 2014-09-18 21:56:31
  • 615

鼠标选取框

鼠标选取框 var x0;var y0;var select=false;function document.onmousedown(){    x0=document.body.scrollLef...
  • stefli
  • stefli
  • 2004-08-30 18:46:00
  • 1293

Javascript 模拟鼠标框选操作

按住鼠标键不动,拖动鼠标,会看到效果 body{padding:100px;} .fileDiv{float:left;width:100px;height:100px;text-align:...
  • ruixue0117
  • ruixue0117
  • 2011-12-15 22:20:44
  • 3158

使用浮动div元素来实现橡皮筋式截取选取框(鼠标监听事件)

一 说明:橡皮筋式选取框是让用户在canvas之中选取某个区域,将该区域 放大。起初该canvas会显示一幅图像,,当你选取某个区域,应用程序就会放大该区域。。 二总体思路:加载图像...
  • qq_20725287
  • qq_20725287
  • 2015-05-03 20:37:31
  • 483

openCV 鼠标在图像上框选目标---单目标和多目标

单目标:#include #include #include IplImage* src = 0; IplImage* tmp = 0; void on_mouse( int ...
  • yanglong890124
  • yanglong890124
  • 2014-06-07 15:04:48
  • 1162

winform 中实现鼠标框选效果 c#

项目中需要实现一个鼠标框选的功能,现在将代码分享出来: 思路:实现三个鼠标事件 MouseDown,MouseMove,MouseUp, 至于框选后需要实现什么功能则可以在MouseUp中调用 完...
  • ShuSheng0007
  • ShuSheng0007
  • 2014-11-26 14:16:24
  • 1476
收藏助手
不良信息举报
您举报文章:鼠标选取框
举报原因:
原因补充:

(最多只允许输入30个字)