`
rebecca
  • 浏览: 315352 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

js里的setCapture

阅读更多

setCapture()方法啥意思呢?

 

今天用到了!

 

让一个元素可以捕获所有的鼠标事件。


可以用alert()或者releaseCapture(),打断当前的鼠标捕获。

 

setCapture()可以用在对DIV的拖动效果上。就不用给body设置onmousemove事件了,直接给DIV设置,然后通过

 

setCapture()让它捕获所有的鼠标事件。


不过setCapture()方法,只有IE支持。

 

 

来源:http://www.iteye.com/problems/3956

分享到:
评论

相关推荐

    JS setCapture 区域外事件捕捉

    标题中提到的“JS setCapture”是JavaScript中一个用于捕获鼠标事件的方法,它属于一种事件委托技术,允许指定对象在文档中捕获所有的鼠标事件。这种方法在处理如拖拽操作等特定场景时非常有用。而描述中则进一步...

    setCapture和releaseCapture的小应用

    前几天,从网上看到setCapture方法,了解了一下,大体是这样的意思,当在IE文档某个区域中使用了这个方法,并且写了onclick或者 onmouse***等有关的鼠标事件方法,那么它就会监视相应的鼠标操作,即使你的鼠标移出了IE...

    JS拖动技术 关于setCapture使用

    总结来说,`setCapture` 和 `releaseCapture` 在JavaScript拖动技术中起到了关键作用,它们确保了在拖动过程中鼠标事件的有效管理,使得用户能够流畅地在页面上移动元素。理解并正确使用这两个方法对于实现跨浏览器...

    JS高级拖动技术 setCapture,releaseCapture

    在JavaScript中,`setCapture` 和 `releaseCapture` 是两个高级拖动技术中涉及的关键方法,主要用于处理鼠标事件的捕获。这两个方法主要用于在复杂的用户交互场景,特别是拖放操作时,确保事件处理的准确性和效率。...

    Javascript 事件捕获的备忘(setCapture,captureEvents)

    总的来说,理解和掌握JavaScript的事件捕获机制,以及如何通过`setCapture`和`captureEvents`等方法来控制它,对于创建高效、交互性强的Web应用程序至关重要。通过合理利用这些工具,开发者能够更好地管理和响应用户...

    Javascript DIV msgbox

    "prototype.js"是一个JavaScript库,可能是Prototype.js,它提供了一系列方便的DOM操作方法和类扩展,帮助开发者更高效地编写JavaScript代码。"mask.js"则是具体的对话框功能实现,可能包括了显示、隐藏对话框以及与...

    js中call,apply,setCapture,releaseCapture的使用.pdf

    JavaScript中的`call`和`apply`是两种函数调用的方式,它们主要用于改变函数内部的`this`指向。`call`方法允许你将一个函数绑定到指定的上下文(即`this`值)并立即调用,它接受一个或多个参数,参数列表直接跟在...

    HTML中setCapture、releaseCapture 使用方法浅析

    `setCapture`方法允许开发者将鼠标事件的处理权“捕获”到一个特定的DOM元素。一旦元素捕获了事件,所有的鼠标事件(包括`onclick`, `ondblclick`, `onmousedown`, `onmouseup`, `onmouseover`, `onmouseout`)都会...

    javascript 常用方法及技巧

    event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y ...

    javascript js 技巧集

    ### JavaScript JS技巧集详解 #### 一、事件源对象 在JavaScript中,处理用户与页面交互的核心机制之一就是事件处理。对于DOM事件来说,获取触发事件的元素是至关重要的。 **1. `event.srcElement.tagName`** - ...

    JavaScript\JS\页面类\弹出提示的效果

    setCapture();' ``` 通过 `onmousedown` 属性为元素绑定 `mousedown` 事件处理器,该处理器记录了鼠标按下时的位置,以便后续计算弹窗的偏移量。 ### 6. CSS 样式控制 #### 知识点概述: CSS(Cascading Style ...

    超级JS代码实例大全

    event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y ...

    Javascript事件教程小技巧

    Javascript小技巧,觉得用来查询JS的事件挺方便,主要是事件源对象event.srcElement.tagName ,event.srcElement.type,捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键event...

    JS 大全 JS JS

    JavaScript(简称JS)是Web开发中的重要脚本语言,用于实现客户端交互和动态网页效果。在文档中,我们看到了很多关于JS操作的细节,这里将它们分门别类进行详细解释: 1. **事件处理**: - `event.srcElement.tag...

    JavaScript\JS\窗口类\牛B 用层模拟可移动的小窗口

    该函数首先通过调用 `setCapture` 方法捕获后续的所有鼠标事件,确保即使鼠标离开元素范围也能继续接收事件。接着,它记录下鼠标点击时的位置(`x0`, `y0`)以及窗口当前的位置(`x1`, `y1`),这些值用于计算窗口的...

Global site tag (gtag.js) - Google Analytics