js积累

作者: 撕心裂肺1232 | 来源:发表于2019-01-04 16:00 被阅读0次
    1.判断浏览器是否有滚动条
     function hasScrollbar() {
          return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
      }
    
    2.阻止冒泡行为

    1.event.stopPropagation();
    事件处理过程中,阻止了事件冒泡,但不会阻击默认行为。

    1. return false;
      事件处理过程中,阻止了事件冒泡,也阻止了默认行为。
    2. event.preventDefault();
      事件处理过程中,不阻击事件冒泡,但阻击默认行为。
    3.鼠标滚动事件
    $(document).on("mousewheel DOMMouseScroll", function (e) { 
        var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie &其它
                    (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox
     
        //var delta = (event.originalEvent.wheelDelta) ? event.originalEvent.wheelDelta : -(event.originalEvent.detail || 0); //合并写法
     
        if (delta > 0) {
            // 向上滚
            console.log("wheelup");
        } else if (delta < 0) {
            // 向下滚
            console.log("wheeldown");
        }
    });
    

    参考:https://blog.csdn.net/panying0903/article/details/50434903

    相关文章

      网友评论

          本文标题:js积累

          本文链接:https://www.haomeiwen.com/subject/ethkrqtx.html