在mousedown事件上忽略滚动条
是指当鼠标按下时，忽略滚动条的响应，即不发生滚动条滚动的效果。
实现该功能的方法有多种，以下是一种常用的实现方式：
- 监听mousedown事件。
- 在事件处理程序中，检测鼠标位置是否在滚动条范围内。
- 可以使用event对象的clientX和clientY属性获取鼠标点击位置的坐标。
- 可以使用DOM API获取滚动条的位置和大小信息，如element.scrollLeft和element.scrollTop获取滚动条的水平和垂直位置。
- 可以使用element.getBoundingClientRect()获取元素的位置信息，判断鼠标位置是否在滚动条范围内。
- 如果鼠标位置在滚动条范围内，则阻止事件冒泡或取消默认行为，以阻止滚动条滚动。
这样就能在mousedown事件上忽略滚动条。该功能在一些场景中非常有用，例如在拖拽操作中，用户可能会不小心点击到滚动条而触发滚动，通过忽略滚动条可以避免这种情况的发生。
腾讯云相关产品和产品介绍链接地址：
- 无关腾讯云产品
相关·内容
问题是，当我点击垂直滚动条时，由于某种原因，它会触发事件。'#csbox').remove; $('body').removeClass('custombox-lock'); }); 有没有办法在单击或使用滚动条时不触发事件我在drupal 8上 <div id="remove" class="js-modal-
浏览 23提问于2019-05-29得票数 0
回答已采纳
但是如果我点击并按住滚动条，我希望在我滚动的时候它不会更新DataGridView。如果我单击滚动条，则不会触发DataGridView.MouseDown事件。只有当我点击DataGridView中的一些内容时，它才会触发，但它忽略了对实际滚动条本身的点击。奇怪的是，当我悬停滚动条时，MouseEnter事件确实会触发。我需要检测滚动条</em
浏览 0提问于2020-12-31得票数 0
我有一个带有overflow:auto的滚动div，我想通过更改scrollTop来滚动它，但在更改它之前，我想知道用户是否用光标“按住”了滚动条，我该怎么做？
浏览 4提问于2012-05-23得票数 1
回答已采纳
我知道，使用jQuery表达式$(element).on("mousedown", function(evt) { ... });，您可以处理元素上的mousedown事件。尽管我需要检测浏览器滚动条上的mousedown或click事件，并且需要运行一些函数。
浏览 0提问于2016-01-15得票数 0
回答已采纳
1回答
我在SWT.MouseDown事件上添加了一个侦听器，所以当浏览器单击时，我的自定义方法就会运行。如果浏览器没有滚动条，它工作得很好。我的问题是，当浏览器调整大小时，滚动条会自动出现在浏览器的右侧，当滚动条上有SWT.MouseDown事件时，我的自定义方法就会运行，这是不正确的行为。如果浏览器有一个滚动条，SWT.MouseDown事件不应该执行我的自定义方法。有没有办法做到这一
浏览 28提问于2021-08-26得票数 0
我有一个用jQuery编写的菜单，当被事件触发时，它会弹出。它的侧面有一个垂直滚动条。滚动在FireFox中可以正常工作，但在IE (8或9)中不能正常工作。我猜它与mousedown事件有关，该事件是从菜单中选择一项所需的。.mousedown(function (event) { if(li){return false;
浏览 0提问于2011-02-20得票数 0
回答已采纳
为了解决滚动条单击导致onBlur事件的问题，我使用"mousedown“将单击标记为”an“我的div，在mouseup上，我会重置标志。 console.log('mousedown')$(document).mouseup(f
浏览 1提问于2015-10-20得票数 1
回答已采纳
1回答
在列表内部单击(mousedown事件)时，我使用event.target来确定是否单击了安莉。如果目标元素是ul，我将取消选择所有li元素。但是，当单击滚动条时，也会触发mousedown事件，并且目标元素是ul。但我不希望通过单击滚动条来取消选择任何内容。那么，如何确定是否单击了滚动条才能取消事件呢？
谢谢
浏览 2提问于2013-07-14得票数 1
1回答
如果在选定项区域内单击滚动条，是否有一种方法可以防止多重选择控件展开以显示项？单击滚动条之前：滚动条单击后：
浏览 3提问于2017-05-04得票数 2
回答已采纳
我有一段简单的代码，当鼠标在容器上时会显示一个滚动条，当鼠标离开时它会淡出：
$('#sidebar-wrapper').on('mouseenter mouseleave', '#TopPane, #('.jspDrag')上有一个mousedown事件，它将阻止mouseleave事件在鼠标被按住的整个持续时间内被触发。我使用过setTimeout和mousedown事件
浏览 2提问于2011-12-13得票数 0
回答已采纳
我正在使用jQuery/Javascript/CSS实现一个滚动条。像往常一样。除了以下用例外，一切都按照计划进行：
用户在包含mousedown/mousemove/mouseup事件处理程序的滚动条div中下垂。用户启动一个拖动手势-- mousemove开始触发--它很快将光标移出、滚动条div的边界，并移动到网页上周围的div房地产上。就在这种情况发生的那一刻，穆斯莫夫--正如预期的--停止了引发事件。如
浏览 3提问于2014-09-24得票数 0
因为我的站点上有几个皮肤上的选择框，所以我使用dropkick.js，它实际上用交互式div替换了选择框。如果列表大于最大高度，则溢出自动生成滚动条.它在Firefox、Chrome和Safari上运行得很好。在Windows8+ IE9 & IE10上会出现一个滚动条，但是当我单击或尝试拖动它时，div会隐藏！我只在一个引导UI组合框上发现了一个稍微类似的问题，但是这个脚本对我来说不起作用，因为dropkick.js不使用引导，而修改脚本也不能解决这个问题。我
浏览 7提问于2013-09-11得票数 0
回答已采纳
为了提高网站在触摸屏上的可用性，我将HTML组件放在了Doug McCune的的改编版本中(更新后使用了flex4的滚动条组件)，允许用户通过在屏幕上拖动手指来滚动网页。mouseDown事件用于开始滚动视口。/输入/按钮时触发mouseDown，而不是在单击背景或任何文本时触发。此外，如果删除自定义css，则在选择文本时不会触发mouseDown事件，但如果单击了先前突出显示的文本，则会触发该<
浏览 0提问于2010-06-16得票数 1
回答已采纳
2回答
我正在做一个图像查看器，它有一个可拖动的滚动条。当用户拖动滚动条时，网页上的一些文本将被选中。不知道任何jQuery解决方案，但如果有，请告诉我(： mouseDown = true;}
if (mouseDown<
浏览 2提问于2009-04-19得票数 4
回答已采纳
1回答
我正在尝试更改mousedown上的图像，并恢复为mouseup上的初始图像。mousedown上的映像正在更改，但未恢复为mouseup上的初始映像。$(#mydivid).bind('mousedown', function() {
浏览 0提问于2012-04-18得票数 0
回答已采纳
我有一个监听mousedown事件的div。div有一些子按钮(绝对位于div之外)。我希望能够点击这些按钮。但是当我按下鼠标按钮时，父div截获mousedown事件。如果事件发生在按钮上，我可以测试.target成员以忽略该事件，但似乎我从未以这种方式获得这些按钮上的click事件。
有没有办法在不添加另一个祖先div的情况下解决这个问题？
浏览 16提问于2016-07-25得票数 0
1回答
看看我在上的意思(只需在div中单击并拖动鼠标即可)。简而言之，我需要的是if(!event.wasTriggeredFromScrollbar)，它可以在任何事件触发器中使用(在本例中为mousedown/move/up)。
浏览 1提问于2011-10-16得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
