Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/wcf/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 捕获或取消仅在父级上的JS滚轮事件-不在子级上_Javascript_Html - Fatal编程技术网

Javascript 捕获或取消仅在父级上的JS滚轮事件-不在子级上

Javascript 捕获或取消仅在父级上的JS滚轮事件-不在子级上,javascript,html,Javascript,Html,我知道在这个话题上有很多问题,但我似乎找不到确切的例子 我只是想捕获父元素上的滚轮事件,但要让它们在子元素上正常工作。但是,只要我在父对象上添加一个侦听器,子对象就会中断 孩子们不应该在家长取消之前收到事件吗?事件冒泡在这里似乎是反向的 document.getElementById('parent').addEventListener('wheel',函数(e){ //这里有一些自定义代码 e、 预防默认值() }) div{border:solid 5px#999;高度:300px;ove

我知道在这个话题上有很多问题,但我似乎找不到确切的例子

我只是想捕获父元素上的滚轮事件,但要让它们在子元素上正常工作。但是,只要我在父对象上添加一个侦听器,子对象就会中断

孩子们不应该在家长取消之前收到事件吗?事件冒泡在这里似乎是反向的

document.getElementById('parent').addEventListener('wheel',函数(e){
//这里有一些自定义代码
e、 预防默认值()
})
div{border:solid 5px#999;高度:300px;overflow-y:auto;}
#父项{边框颜色:红色;空白:无换行;}
#父div{width:100px;display:inline block}

试试滚轮

知识是一种美德,是一种美德,是一种美德,是一种美德。这是我的荣幸。产于发酵罐中的孕妇,以及产于hac habitasse的孕妇。阿梅特·康塞特图尔·阿迪皮斯精英居住者莫比·特里斯蒂克·塞内特斯。居住地广场是著名的菱形前庭,是著名的乌兰科贵族。这是一个很好的例子。法雷特拉·康瓦利斯·波苏尔·莫尔比·利奥·乌纳·莫莱斯蒂(Pharetra convallis posuere morbi leo urna molestie)在欧盟元素公司任职。我的名字是我的名字。这是一个很好的例子。要有尊严,就要有尊严。这是一个很好的例子。利奥是一个二等舱,没有舷梯。在iaculis nunc的Ultrices是augue lacus viverra。多洛尔·莫尔比,非阿尔库·里苏斯·奎斯·瓦里乌斯。妊娠期枕前动脉。坐在amet massa vitae tortor调味品lacinia上。 更多的内容2 更多的内容3 坐在阿梅特·马蒂斯的椅子上。奥古斯·埃吉特·阿库的费吉亚·维瓦摩斯。欧盟设施的基本要素是odio。欧盟成员国代表团成员维塔·贾斯托·埃吉特。我是托尔托,我是托尔托。我是帕特·拉库斯·拉奥里特,一位非牧师的孕妇,她是佩伦特斯式的显贵。埃尼姆·布兰迪特·奥里帕特·梅塞纳斯·奥里帕特·布兰迪特·阿利奎姆。位于hac habitasse platea的布兰迪特turpis cursus。设施是leo vel fringilla和ullamcorper eget。前庭导言:马蒂斯·乌兰科帕·韦利特·乌兰科帕·莫尔比。Nisi scelerisque eu ultrices vitae auctor eu augue ut。 艾米特·波特提托·埃吉特·多洛·莫尔比。在自由女神大会上。老李坐着,阿美坐着,阿美坐着,阿美坐着,阿美坐着。“整数”拍卖人Elite在我的座位上拍卖。秃鹫sapien nec sagittis aliquam。康格维塔酒店。欧盟的封建制度是在法律规定的前提下产生的。但前庭无门径。阿梅特·波特提托·埃吉特·多尔·莫比·非阿尔库·瑞苏。居住者morbi tristique Sentecus et netus et malesuada。你的生命价值拍卖人你的生命价值。在泰卢斯的一个完整的封建权杖上。这是一份关于莫里斯·努克·康格·尼西·维塔的报告。无药剂师的直径不允许使用。我的生命是一个充满活力的生命。Nisl tincidunt eget nullam非nisi est sit。阿梅特·康塞特图尔·阿迪皮斯精英居住者莫比·特里斯蒂克·塞内特斯。埃吉特·努克·维韦拉·莫里斯(Eget nunc scelerisque viverra mauris)在aliquam sem中。Amet Concertetur Adipising Elite duis tristique sollicitudin。妊娠期妊娠前期。 下面有更多的内容

找到了一个解决方法:

document.getElementById('parent').addEventListener('wheel',函数(e){
e、 预防默认值();
});
var elements=document.getElementById('parent').getElementsByTagName('div');

对于(让i=0;我为什么不只是在父级中使用overflow-y:hidden?在我的实际代码中,我实际上是在尝试使用父级滚轮事件,然后阻止默认行为。更新代码以使其清晰。是的,我后来认为您需要它来实现类似的功能。您检查了下面的答案吗?嗯,是的,构建您自己的滚动功能正常,但感觉非常错误。我将勉强接受!