js积累

2019-01-04  本文已影响0人  撕心裂肺1232
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

上一篇下一篇

猜你喜欢

热点阅读