鼠标选取框

转载 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>

C++实现鼠标选中框功能代码

C++实现鼠标选中框功能代码: bool m_IsMouseScelect; CSprite m_RectImage; RECT m_MouseRect;...
  • OnInit
  • OnInit
  • 2013年12月15日 15:15
  • 1323

鼠标移入就显示弹框,移出弹框就消失

html: 菜单 ...
  • java_zhaoyanli
  • java_zhaoyanli
  • 2016年08月08日 13:14
  • 1552

鼠标移上去,弹出说明框,移开则消失

1、设置css样式: .rule-popup-box{display: none; position: absolute; top: 0; right: 0; z-index: 100; w...
  • ailo555
  • ailo555
  • 2016年07月26日 22:04
  • 2057

OPENCV图像处理基础(五)鼠标事件画个框

在GUI编程中会涉及到鼠标事件,通过鼠标事件可以使得人和机器的交互更为便捷。opencv中提供了一种以回调函数实现的鼠标事件机制。 下面是一个例子,通过鼠标在一张图片上画出任意大小的矩形框。 效果...
  • chenpidaxia
  • chenpidaxia
  • 2016年03月24日 22:44
  • 1540

鼠标选取ROI区域

这里实现一个简单的功能:在一幅完整的图中用鼠标拖出一个矩形框,然后把这个矩形框区域存储为一幅图片 这里有个十分值得警惕的地方,就是你在选择方框的时候必须沿着向右、向下拖动,否则报错。我用泪水得来的教...
  • cutelily2014
  • cutelily2014
  • 2016年01月17日 21:48
  • 562

基于PCL的屏幕选点、框选点云、单点选取等c++实现

1、单点选取程序: cpp: #include #include #include #include typedef pcl::PointXYZRGBA PointT; typedef p...
  • liang583206
  • liang583206
  • 2017年06月17日 22:10
  • 526

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

Opencv鼠标响应
  • zmdsjtu
  • zmdsjtu
  • 2017年01月25日 17:23
  • 2083

3D场景中选取场景中的物体。

在一些经典的游戏中,需要玩家在一个3D场景中选取场景中的物体。例如《仙剑奇侠传》,选择要攻击的敌人时、为我方角色增加血量、为我方角色添加状态,通常我们使用鼠标来选择一个目标物体,当鼠标移动到目标物体上...
  • hanghangaidoudou
  • hanghangaidoudou
  • 2015年01月03日 19:08
  • 750

Canvas 入门4 鼠标事件综合应用 橡皮筋选取框

本系列文章接下来部分学习资源来自《HTML5 Canvas核心技术 图形、动画与游戏开发》示例 橡皮筋式线条绘制 Canvas tutorial body>{bac...
  • xundh
  • xundh
  • 2017年12月06日 08:45
  • 207

选中文字弹出对话框

选择文字:选中的时候不弹出来,弹起鼠标的时候出现。用onmouseup ,盒子坐标 是鼠标坐标。 获得用户选择的内容: 标准浏览器:window.getSelecttion().toString(...
  • stopcpp
  • stopcpp
  • 2016年10月19日 14:41
  • 295
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:鼠标选取框
举报原因:
原因补充:

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