`
dengbaoleng
  • 浏览: 1162769 次
文章分类
社区版块
存档分类
最新评论

JS-拖拽里面经常用到的函数

 
阅读更多

obj.setCapture() //让它捕捉所有鼠标事件

obj.stopPropagation(); //不再让该对象发送任何事件

obj.preventDefault(); //通知浏览器不再执行与事件关联的默认动作

obj.onmousewheel = mousewheel //当转动鼠标滚轮时运行脚本

setCapture()可以用在对DIV的拖动效果上。就不用给body设置onmousemove事件了,直接给DIV设置,然后通过setCapture()让它捕获所有的鼠标事件。
不过setCapture()方法,只有IE支持。


分享到:
评论

相关推荐

    js可拖拽停靠吸附DIV

    "js可拖拽停靠吸附DIV"这个主题涉及的技术点主要包括:JavaScript基础、DOM操作、事件处理、CSS定位以及可能的自定义动画效果。 1. **JavaScript基础**: - **变量与数据类型**:在实现拖拽功能时,我们需要声明并...

    js窗口拖动效果

    在JavaScript编程中,实现窗口拖动效果是一项常见的需求,尤其在网页交互设计中。这个话题主要涉及以下几个核心知识点: 1. **DOM操作**:在JavaScript中,我们需要通过DOM(Document Object Model)来选取和操作...

    js 前端鼠标拖动事件实例

    这个实例主要涉及的关键词是“js”(JavaScript)、“ASP”(尽管在这个上下文中并不直接相关,但可能是用户提及的一个相关技术栈)、“web”(Web开发)以及“鼠标事件”。我们将重点讲解JavaScript中的鼠标拖动...

    js实现简单的拖拽效果

    在JavaScript中实现简单的拖拽效果是一项常见的交互设计任务,它能增强用户与网页元素的交互性。本教程将深入探讨如何使用JavaScript实现这样的功能,主要针对`div`元素,但原理同样适用于其他HTML元素。 首先,...

    js鼠标拖动图片360度平面旋转代码

    在JavaScript(简称JS)编程中,实现鼠标拖动图片360度平面旋转的效果涉及到多个关键技术点,包括事件监听、CSS3变换以及动画帧更新。下面将详细解释这些知识点。 首先,我们需要理解JavaScript中的事件监听。事件...

    javascript图片预览(滚动放大缩小和拖动查看)

    在JavaScript编程中,图片预览是一项常见的功能,特别是在网页设计中。这个压缩包中的资源提供了一个实现滚动放大缩小和拖动查看图片的例子。下面将详细解释这个实现过程及其涉及的关键知识点。 首先,`test.html`...

    Historical-ranking-data-visualization-based-on-d3.js-master (1).zip

    d3.js提供了一系列的数据处理函数,方便开发者高效地完成这项工作。 8. **SVG渲染**:d3.js基于SVG(Scalable Vector Graphics)进行图形渲染,这意味着生成的图表是矢量图,可以在任何分辨率下保持清晰,同时支持...

    JS可拖动排序的表格

    JS(JavaScript)作为一种强大的客户端脚本语言,被广泛用于实现各种动态效果和用户交互,其中包括可拖动和排序的表格功能。这种功能允许用户通过鼠标拖放操作来改变表格中行或列的顺序,提升数据管理的便捷性。下面...

    javascript可拖动的日历

    在压缩包的文件中,"javascript可拖动的日历代码js+css"表明包含了一个JavaScript文件和一个CSS文件。JavaScript文件很可能是实现日历功能的核心代码,包括事件监听、坐标计算和DOM操作等;而CSS文件则用于设定日历...

    JS+Html图片放大缩小旋转拖动效果

    在JavaScript(JS)和HTML的结合使用中,可以创建丰富的用户体验,例如图片的放大、缩小、旋转和拖动查看功能。这些动态效果是现代网页设计中常见且实用的技术,能够增强用户与网页内容的交互性。下面将详细介绍如何...

    js表格拖拽

    在JavaScript(JS)中实现表格(table)列的拖拽功能是一项常见的交互设计,它可以提升用户的操作体验,尤其是在数据管理或展示场景下。这个功能主要涉及到DOM操作、事件监听以及元素位置的动态调整。以下是对这个...

    js表格自由拖拽排序特效代码.zip

    这个"js表格自由拖拽排序特效代码.zip"压缩包提供了一个解决方案,让我们来深入了解一下其中涉及的关键技术和知识点。 首先,我们需要知道的是HTML表格(`<table>`元素)是网页中用于组织结构化数据的基本组件。在...

    根据element+vue 自定义dialog+drawer组件 弹窗+抽屉 无覆盖 + 可拖拽.7z

    可拖拽功能则需要用到JavaScript或者Vue中的事件监听和计算位置的逻辑。开发者需要监听鼠标移动事件,动态更新组件的位置,确保它始终跟随用户的鼠标动作。Vue中可以通过`v-on`指令绑定事件处理函数,并利用Vue的...

    js仿360桌面悬浮球拖拽到边缘自动贴边特效.zip

    在本项目"js仿360桌面悬浮球拖拽到边缘自动贴边特效.zip"中,我们主要探讨的是一个基于HTML5技术实现的交互式网页元素——悬浮球的动态效果。这个悬浮球不仅可以在页面上自由拖动,而且当用户将其拖拽到页面边缘时,...

    简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器

    标题中的“简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器”是指一种使用JavaScript实现的弹窗功能,它具有美观的界面设计,并且允许用户自由地拖动弹窗位置,同时该代码兼容多数主流浏览器,提供了良好的用户体验。...

    原生js随机图片交换位置_点击拖动图片换位置

    本主题聚焦于一个具体的JS应用:使用原生JavaScript实现图片在页面上的随机交换位置以及点击拖动图片换位的功能。这种技术常用于创建互动式的照片墙或图像展示应用。 首先,我们要理解如何在HTML中添加图片元素。...

    仿iGoogle双击编辑-网页拖动完整实例

    标题中的“仿iGoogle双击编辑-网页拖动完整实例”指的是一个开发项目,它旨在模仿Google的个性化主页服务iGoogle的功能。iGoogle允许用户自定义主页,添加各种小工具并进行布局调整,这个实例则提供了类似的功能实现...

    js实现截图拖拽的例

    在JavaScript的世界里,实现截图和拖拽功能是常见的需求,特别是在构建交互性强的Web应用时。这个例子将向我们展示如何结合这两项技术,为用户提供一个可以自由选择截图区域并进行拖拽的操作体验。让我们深入探讨...

    四角拖拽输入框,纯js完成

    "四角拖拽输入框,纯js完成"这个项目就是一个很好的例子,它展示了如何利用JavaScript这一强大的客户端脚本语言来创建一个高度自定义且互动性强的元素。这种拖拽输入框在视频编辑、直播平台或者任何需要用户自定义...

    超酷JS拖拽翻页效果.rar

    综上所述,要实现"超酷JS拖拽翻页效果",开发者需要掌握JavaScript事件处理、CSS3变换、缓动函数以及移动端适配等相关知识。通过结合这些技术,我们可以创造出高度互动、具有吸引力的网页用户体验。在这个过程中,1...

Global site tag (gtag.js) - Google Analytics