js子元素滚动不触发父元素滚动

    const child = document.querySelector('.child')
    const parent = document.querySelector('.parent') // 如果只能拿到子级就parent.parentNode
    const eventType = navigator.userAgent.indexOf('Firefox') < 0 ? 'mousewheel' : 'DOMMouseScroll' // 兼容火狐
    parent.addEventListener(eventType , function (e) {
      if (e.target === child) { // 范围内阻止父级滚动
        console.log('子元素范围内')
        e.preventDefault()
      } else { // 范围外恢复父级滚动
        console.log('子元素范围外')
        dialog.parentNode.removeEventListener('mousewheel', function (event) {
          event.preventDefault()
        }, false)
      }
    }, false)