层移动到窗体底部导致内容向下滚动后，鼠标与层脱离的问题求助

2008-10-17 03:23:37 121 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

C++ 窗体编程实现鼠标滚轮鼠标滚轮的获取是通过一个MouseWheel 消息，当鼠标向上滚动时值为120，当鼠标向下滚动时值为-120。有了这值之后我们就可以实现鼠标滚动的判断了。首先对于用户来说只需要知道鼠标是向上，向下或者是停止滚动。那么可以先定义一个枚举： enum class MouseWheelState { Up, Down, Stop, }; 然后再分析，当用户不滚动时，滚轮并不是马上就停止，所以它存在一个值MouseWheelValue来判断到底是向上，向下，还是停止，还存在一个增，减量。当然.. 阅读详情

下面的代码是想实现层的移动，但当快速拖动层到窗体底部导致窗体内容向下滚动时，松开鼠标后层不会停止移动，而是继续随鼠标移动，但鼠标指针跑到了层范围之外无法操控，哪位高手给指点下。

<html>
<head>
</head>
<body onmousemove="move('floatDiv',event)">
<script>
var down=false,divleft,divtop;

function move(objId,e){
if(e==null) e=window.event;

var obj=document.getElementById(objId);
if(down){
obj.style.left=e.clientX-divleft;
obj.style.top=e.clientY-divtop
}

if(parseInt(obj.style.left)<0) obj.style.left=10; //左边界限制
if(parseInt(obj.style.top)<0) obj.style.top=10; //上边界限制

//右边界限制
if(parseInt(obj.style.left)>(document.body.clientWidth-obj.clientWidth))
obj.style.left=document.body.clientWidth-obj.clientWidth-10;

//下边界限制
var sClientHeight=document.body.clientHeight;
var sScrollTop=(document.documentElement.scrollTop||document.body.scrollTop);
if(parseInt(obj.style.top)>(sClientHeight+sScrollTop-obj.clientHeight))
obj.style.top=sClientHeight+sScrollTop-obj.clientHeight-10;

obj.innerHTML='X:'+obj.style.left+" Y:"+obj.style.top;
}
</script>
asdfasdfasdf 
asdfasdfasdf asdfasdfasdf asdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdf2008-10-16asdfasdfasdf 
asdfasdfasdf asdfasdfasdf asdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asas
<div id="floatDiv" style="z-index:888; position:absolute; left:300px; top:100px; width:100px; height:200px; cursor:move; border:1px solid black; background:#EEEEEE;" onmousedown="down=true; divleft=event.clientX-parseInt(this.style.left); divtop=event.clientY-parseInt(this.style.top);" onmouseup="down=false;"></div>
</body>
</html>

...全文

C# 使用鼠标滚动实现图片的放大缩小及图片拖动博主是去年从零基础开始接触C#，所以记录了很多比较基础的东西，故将之前的笔记写于此篇。本人才疏学浅，文中如果有不对或值得讨论的地方，欢迎大家提出来，一起探讨共同进步。???????????????????? 使用鼠标滚轮实现对图片的操作在窗体中使用pictruebox控件并设置其属性BackgroundimageLayout为Zoom public CHTWC101() { InitializeComponent... 阅读详情

yiran5467

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

yiran5467 2008-10-20

打赏
举报

解决了

<html>
<head>
</head>
<body onmousemove="move('floatDiv',event)">
<script>
var down=false,divleft,divtop;

function move(objId,e){
if(e==null) e=window.event;

var sClientHeight=document.body.clientHeight;
var sScrollTop=(document.documentElement.scrollTop||document.body.scrollTop);
var obj=document.getElementById(objId);

if(down){
obj.style.left=e.clientX-divleft;
obj.style.top=e.clientY-divtop;
}

if(parseInt(obj.style.left)<0) obj.style.left=0; //左边界限制
if(parseInt(obj.style.top)<sScrollTop) obj.style.top=sScrollTop+10; //上边界限制

if(parseInt(obj.style.left)>(document.body.clientWidth-obj.clientWidth))//右边界限制
obj.style.left=document.body.clientWidth-obj.clientWidth-20;

//下边界限制

if(parseInt(obj.style.top)>(sClientHeight+sScrollTop-obj.clientHeight-10))
obj.style.top=sClientHeight+sScrollTop-obj.clientHeight-10;
}
</script>
asdfasdfasdf 
asdfasdfasdf asdfasdfasdf asdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdf2008-10-16asdfasdfasdf 
asdfasdfasdf asdfasdfasdf asdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asasdfasdfasdf 
asdfasdfasdf asdfasdfasdf asas
<div id="floatDiv" style="z-index:888; position:absolute; left:300px; top:100px; width:100px; height:200px; cursor:move; border:1px solid black; background:#EEEEEE;" onmousedown="down=true; divleft=event.clientX-parseInt(floatDiv.style.left); divtop=event.clientY-parseInt(floatDiv.style.top);if(document.all) this.setCapture(); else {document.addEventListener('mousemove',move,true);window.captureEvents(Event.MOUSEMOVE);event.preventDefault();}" onmouseup="down=false; if(document.all) this.releaseCapture(); else {document.removeEventListener('mousemove',move,true);window.releaseEvents(Event.MOUSEMOVE);}"> </div>
</body>
</html>

MOTA 2008-10-17

打赏
举报

document.onmousedown=null;
清空按下事件~~

斯洛文尼亚旅游 2008-10-17

打赏
举报

firefox捕捉事件后也不能阻止出框，没搞

yiran5467 2008-10-17

打赏
举报

有没有办法兼容FF?

斯洛文尼亚旅游 2008-10-17

打赏
举报

<div id="floatDiv" style="z-index:888; position:absolute; left:300px; top:100px; width:100px; height:200px; cursor:move; border:1px solid black; background:#EEEEEE;" onmousedown="down=true; divleft=event.clientX-parseInt(this.style.left); divtop=event.clientY-parseInt(this.style.top);this.setCapture()" onmouseup="down=false;this.releaseCapture()"> </div>

加上上面红色的就不会出框了

层移动到窗体底部导致内容向下滚动后，鼠标与层脱离的问题求助

相关推荐