HTML中的setCapture和releaseCapture使用介绍

最新推荐文章于 2023-10-19 16:02:50 发布
最新推荐文章于 2023-10-19 16:02:50 发布
阅读量977 收藏
点赞数
分类专栏： javascript 文章标签： setCpature

在review对窗口托拉拽的部分代码时，看到releaseCapture的使用，查了下用法，原来是HTML中的。

setCapture函数的作用就是将后续的mouse事件都发送给这个对象，releaseCapture就是将鼠标事件还回去，由 document、window、object之类的自行来处理。这样就保证了在拖动的过程中，不会由于经过了其它的元素而受到干扰。

具体关于setCapture和releaseCapture的使用，参考下面链接的示例。
http://www.jb51.net/article/29932.htm

xuanfengling
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS高级拖动技术 setCapture，releaseCapture
12-12
代码如下: [removed] <!– [removed]=function(){ objDiv = document.getElementById(‘drag’); drag(objDiv); }; function drag(dv){ dv.onmousedown=function(e){ var d=document; e = e || window.event; var x= e.layerX || e.offsetX; var y= e.layerY || e.offsetY; //设置捕获范围 if(dv.setCapture){
SetCapture 函数
凤凰木
11-24 2738
HWND SetCapture(hwnd) 说明：SetCapture函数向属于当前线程的给定窗口设置鼠标捕获。一旦某一窗口捕获了鼠标，则不管光标是否在该窗口的边界内，所有鼠标输入都直接对着该窗口。同时只能有一个窗口捕获鼠标。 若鼠标光标正在其他线程创建的窗口之上，则仅当按下了一个鼠标按钮时，系统才将鼠标输入指向给定的窗口。 　　参数：hwnd 标识当前线程中将捕获鼠标的窗口。 返
关于setCapture和releaseCapture的理解和整理
G294992891的博客
08-09 2709
setCapture 一. 什么是setCapture函数？ MDN解释：在处理一个 mousedown 事件过程中调用这个方法来把全部的鼠标事件重新定向到这个元素，直到鼠标按钮被释放或者 document.releaseCapture() 被调用。 函数作用：程序中主要是要捕获onmousemove和onmouseup事件 语法： element.setCapture(retargetToElement); 如果被设置为 true, 所有事件被直接定向到这个元素; 如果是 false, 事件也可以在这
关于SetCapture() 和 ReleaseCapture()的用法的个人理解[通俗易懂]
L的博客
10-26 761
关于SetCapture() 和 ReleaseCapture()的用法的个人理解[通俗易懂]
鼠标捕获(setCapture，releaseCapture)的学习
weixin_34289454的博客
01-08 2821
鼠标捕获(setCapture)作用是将鼠标事件捕获到当前文档的指定的对象——对指定的对象设置鼠标捕获。这个对象会为当前应用程序或整个系统接收所有鼠标事件。 所谓鼠标捕获，是指对鼠标事件（onmousedown, onmouseup, onmousemove, onclick, ondblclick, onmouseover, onmouseout）进行捕捉，使在容器内的子对象的鼠标事件均...
HTML中setCapture、releaseCapture 使用方法浅析
09-01
本文给大家简单介绍了下html中的高级拖动技术setCapture、releaseCapture的使用方法，有需要的小伙伴可以参考下
HTML中Select不用Disabled实现ReadOnly的效果
12-10
方法如下： 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”> <option>1 </select>
GetCapture、SetCapture()、ReleaseCapture：鼠标移动的捕获与释放
zxf347085420的博客
10-19 247
同一时间只能有一个前景窗口可以捕获鼠标。当在控件上按下鼠标时，会自动执行SetCapture()，这时该控件的鼠标移动事件在全屏都会触发，松开鼠标按键时自动执行ReleaseCapture释放捕获。OnMouseMove(UINT nFlags, CPoint point){}中会使用到这3个函数。SetCapture():通过句柄设置指定窗口来捕获鼠标的输入。ReleaseCapture:释放当前捕获鼠标的窗口的捕获功能。GetCapture:返回当前捕获鼠标输入的窗口的句柄。
Qt 之 Camera 相机拍照并截图实现
一个老菜鸟的学习分享
03-16 3576
背景 项目中，用到了拍照并截图，上传图片去后端拿题库答案，刚开始的实现是从屏幕中截图，然后保存成图片再上传，后来发现错了，因为是相当于屏幕截图，而实际上应该是拿相机拍照的图片做裁剪，来做后端的图片。项目中用到的是qml来实现。 类说明 window下相关类及使用 QCamera类 QCamera类是直接对应摄像头的类，包括如下方法： 1、QCamera（） 创建摄像头类对象实例。 2、setViewfinder（viewfinder） 设置取景器，取景器就是将图像实时在屏幕显示，就跟相机的屏幕一样，参数是取
PyQt5摄像头的使用--摄像头操作概述及使用摄像头拍照
qq_35412059的博客
03-23 3671
本文基于《Python Qt GUI与数据可视化编程》总结归纳
关于SetCapture() 和 ReleaseCapture()的用法
u011555996的博客
12-10 909
MSND中对SetCapture()函数的说明为：“该函数在属于当前线程的指定窗口里设置鼠标捕获。一旦窗口捕获了鼠标，所有鼠标输入都针对该窗口，无论光标是否在窗口的边界内。同一时刻只能有一个窗口捕获鼠标。如果鼠标光标在另一个线程创建的窗口上，只有当鼠标键按下时系统才将鼠标输入指向指定的窗口。”一开始我看这个解释误认为了只要在属于窗口里的一个线程调用了SetCapture(hWnd)把hWnd设为当前的窗口句柄，那么以后的所有窗口消息都会发到我们指定的那个窗口消息队列中。这样的理解是错误的！！！在你调用Set
html 拖拽 改变布局大小,兼容IE和Chrome的拖动改变布局宽度
weixin_42382703的博客
06-08 479
IE中通过setCapture监听鼠标按下和移动，Chrome浏览器中没有相应的方法，所以通过其它方式来实现。兼容IE和Chrome的拖动改变布局宽度var leftWidth;var widths=[140,0];var iw=1;var swidth;var sheight;function get(id) {return document.getElementById(id)}functio...
setCapture方法的使用
农村的我的专栏
12-06 4799
整理了一下setCapture的用法。 setCapture方法 多用于容器对象，效果是对指定的对象设置鼠标捕获。 所谓鼠标捕获，是指对鼠标事件（ ondblclick, onmouseout）进行捕捉， 使在容器内的子对象的鼠标事件均由容器对象触发，因此，只能在容器对象的鼠标事件函数中进行处理。 当参数为true时，对鼠标进行捕捉，相反，不捕捉。 与这个函数对应，releaseC
ReleaseCapture 以及 SetCapture 函数 及其应用
tangaowen的专栏
01-22 5323
ReleaseCapture 以及 SetCapture 函数 及其应用
setCapture
轻水与猫的博客
02-07 766
无论点击什么都会先出现设置了setCapture的元素的事件。
JS 区域外事件捕捉setCapture
jyyzc的专栏
01-04 324
鼠标捕获(setCapture)作用是将鼠标事件捕获到当前文档的指定的对象。这个对象会为当前应用程序或整个系统接收所有鼠标事件。 　　不过setCapture不支持键盘事件, 只能捕获以下鼠标事件：onmousedown、onmouseup、onmousemove、onclick、ondblclick、onmouseover和onmouseout。 　　程序中主要是要捕获onm
setcapture
最新发布
01-20
以下是一个使用setCapture函数的示例： ```javascript var element = document.getElementById("myElement"); element.addEventListener("mousedown", function() { element.setCapture(true); }); element....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值