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积累

    1.判断浏览器是否有滚动条 2.阻止冒泡行为 1.event.stopPropagation();事件处理过程中,...

  • js方法积累

  • mqtt.js使用

    工作中的尝试和积累 安装mqtt.js 封装类 mqtt_service.js 在页面中调用

  • JS填坑积累

    图片lazy加载

  • 简写js的积累

    写js的时候,有很多小技巧可以让我们的代码更整洁,只是我们都不注意积累,先上几个自己平时用的,以后慢慢积累。 空的...

  • js知识点积累

    一、三目运算符 基础版: 进阶版: 参考:https://www.jianshu.com/p/7e272416fc...

  • js日常工作积累

    1.JS的基本数据类型 共六种五种基本类型Number、String、Bool、Null、Undefined、以及...

  • JS知识点积累

    1、mouseover和mouseenter的区别 两者都是鼠标移入元素时触发,区别在于mouseenter不支持...

  • javascript语法上的特点

    很多语言的基础语法方面都大同小异。初学javascript,还没有js代码上的积累,为了识记js语法上的一些特点,...

  • 点滴积累【JS】---JS小功能(onmousedown实现鼠标

    思路: 利用onmousedown事件实现拖拽。首先获得鼠标横坐标点和纵坐标点到div的距离,然后当鼠标移动后再用...

网友评论

      本文标题:js积累

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