滚轮事件监听

最新推荐文章于 2024-09-29 23:00:02 发布
最新推荐文章于 2024-09-29 23:00:02 发布
阅读量3.6k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44556271/article/details/86745870
版权

今天主要说的是鼠标滚轮事件，原理就是监听鼠标滚轮事件，冒泡、获取后就可以达到在网页上鼠标滚轮来向上向下查看网页内容，所以这时就需要用到鼠标滚轮事件，在众多的浏览器中火狐浏览器是比较特别的，它需要另外给它添加一个火狐的鼠标滚轮事件，而且是写在onload事件中，那么监听需要的代码量也不是很多，词汇也用得不多，我就直接给代码了

如图：
在这里插入图片描述

这个是滚轮事件的一个调用和函数，通过判断是IE&chrome就用wheeldelta来判断，而用fixfox的就用到detail来判断。在这过程中还要获取到内容区域的id名称，再来判断向上或者向下滚动方向就可以了。在if else中还用到了三目运算这样更有效率。

那还需要放上在onload事件中的火狐滚轮监听事件

  ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190201224223494.PNG)

addEventListener这个是指向指定元素添加事件，DOMMouseScroll这个就是鼠标滚轮事件。

滚轮事件就讲到这。

**

瞭望select
关注
JavaFX实战：几种事件监听实现，键盘按键事件监听，鼠标滚轮事件监听，鼠标按键事件监听，鼠标移动事件监听
eguid音视频技术分享（JavaCV教程、FFmpeg教程、openCV图像处理教程、音视频教程）
10-25 729
在此之前，我们需要知道JavaFX界面由一个个节点（Node）组成，根节点就是窗口的场景（Scene），当然了，看过窗口里的场景（Scene）也是可以切换的，而事件则是绑定在各个节点上的，JavaFX的事件也会像类似前端js那样的冒泡，如果是绑定窗口或者场景，或者camera相机上，那么就会触发事件冒泡。今天我们只讲讲四种常见的事件监听和处理方式：键盘按键事件监听，鼠标滚轮事件监听，鼠标按键事件监听，鼠标移动事件监听。
js监听鼠标滚轮事件
罗俊的博客
05-23 2474
通过jquery实现鼠标滚轮事件，若ie8无法实现，降低jquery版本。通过原生js监听鼠标滚轮事件。
jquery监听鼠标滚轮事件+js监听滚轮事件
03-30
jquery监听鼠标滚轮事件+js监听滚轮事件， 两个例子，都可以通过！ 目前已测试 ie8 火狐，360
监听滚轮事件
珈一.的博客
05-28 319
监听滚轮事件
监听事件滚动API
最新发布
youxinm24的博客
09-29 1023
onscroll是一个监听滚动事件的事件处理器。当页面或元素的滚动条发生滚动时，onscroll事件就会触发。它通常用于侦听用户滚动页面的行为，并根据滚动的位置来执行某些操作。​是现代浏览器提供的一个用于观察目标元素与其祖先元素或视口（viewport）交集的 API。它可以检测元素是否在视口中可见（即，是否进入或离开视口），以及可见部分的大小比例等。这在懒加载图片、滚动触发动画、广告曝光监控等场景中非常实用。​ 由于可见visible的本质是，目标元素与视口产生一个交叉区，所以这个API。
滚轮监听
weixin_44544845的博客
01-19 738
开发工具与关键技术：DW和JavaScript 撰写时间：2019年1月18日   在原始的页面时，如果背景是有颜色的，页面也比较多的情况下，如果还采用原始的滚轮，那就不怎么好看了，于是，滚轮监听就出现了。 （1）绑定滚轮监听的写法为window.onmousewheel = wheel; onmousewheel当鼠标滚轮正在被滚动时运行的脚本。 addEventListener为指定的...
监听鼠标滚轮事件
txx_laughing的博客
12-28 5468
鼠标滚轮在web开发中是比较常用的，比如地图的放大缩小，改变select框的值等，今天就这个写一下。 首先，不同的浏览器有不同的滚轮事件。大致分为两种：onmousewheel（除Firefox以外的浏览器支持）和DOMMouseScroll（只有Firefox支持）。在使用滚轮前首先要注册滚轮事件，注册方法也不同，Firefox采用addEventListener监听，其他浏览器直接采用onmo
两种js监听滚轮事件的实现方法
11-23
本文将详细介绍两种JavaScript监听滚轮事件的实现方法：原生JavaScript和jQuery。 首先，我们来看第一种方法，使用原生JavaScript的`window.onscroll`事件监听器： ```javascript window.onscroll = function() { ...
javascript监听鼠标滚轮事件浅析
10-25
在前端开发中，实现鼠标滚轮事件监听是提高用户交互体验的重要方式之一。本文主要探讨了如何使用JavaScript来监听和处理鼠标滚轮事件，并考虑到不同浏览器的兼容性问题。具体内容包括了滚轮事件监听的原理、不同...
javascript 鼠标滚轮事件
10-30
在JavaScript中，可以通过几种方式来监听和处理鼠标滚轮事件。 在IE浏览器中，通常使用`onmousewheel`事件来监听鼠标滚轮的动作。该事件对象会有一个`detail`属性，表示鼠标滚轮滚动的“细节”量，其中正值表示向上...
鼠标滚轮事件的监听
weixin_34249367的博客
04-27 221
鼠标滚轮事件的监听原理：判断鼠标滚轮的滚动获取一个值，根据这个值判断滚动的方向。分析：首先，判断滚轮方向。Firefox：detail，取值为-/+3（负值向上，正值向下）；其他：wheelDelta，取值为+/-120（正值向上，负值向下）。兼容所有浏览器的的封装： function scrollEvent(ev){ ev = ev || window.event; v...
js监听上下鼠标滚轮事件
qq_33607094的博客
08-18 395
【代码】js监听上下鼠标滚轮事件。
滚轮事件
轻水与猫的博客
02-07 493
onmousewheel   滚轮滚动时触发 event.wheelDelta  获取滚轮滚动方向  这个值不看大小只看正负  正值向上。 滚动滚轮时，如果浏览器有滚动条会默认随之滚动，return false可以取消。
监听滚动事件
qq_56918166的博客
11-07 351
【代码】监听滚动事件。
【js监听鼠标滚轮】
qq_43298353的博客
05-19 919
监听鼠标滚轮运动方向。
JS监听鼠标滑轮事件
ydZ157的博客
12-07 7623
上才艺 var box = document.getElementById('box'); function onMouseWheel(ev) { var ev = ev || window.event; var down = true; down = ev.wheelDelta ? ev.wheelDelta < 0 : ev.detail > 0; if (down) { console.log('鼠标滚轮向下---------') } else { conso..
java 鼠标滚轮监听事件_监听PC/移动端，鼠标滑动，滚轮，手指滑动事件
weixin_35639680的博客
02-28 634
在jQuery开发环境下：1.滚轮事件:(需要监听mousewheel DOMMouseScroll)//代码 只是我拷贝的 代码片段$(document).on("mousewheel DOMMouseScroll", function(e){console.log('mousewheel');if(_this.switch){_this.switch = false;var delta = (...
js 监听鼠标滚轮事件
05-24
在JavaScript中，可以使用`addEventListener`方法来监听鼠标滚轮事件。 具体实现方法如下： ```javascript // 获取需要监听滚轮事件的元素 var element = document.getElementById("elementId"); // 添加滚轮事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值