js判断鼠标滚动放下,向上滚还是向下滚?

demo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title></title><script type="text/javascript">var scrollFunc = function (e) {e = e || window.event;if (e.wheelDelta) {  //判断浏览器IE,谷歌滑轮事件             if (e.wheelDelta > 0) { //当滑轮向上滚动时alert("滑轮向上滚动");}if (e.wheelDelta < 0) { //当滑轮向下滚动时alert("滑轮向下滚动");}} else if (e.detail) {  //Firefox滑轮事件if (e.detail> 0) { //当滑轮向上滚动时alert("滑轮向上滚动");}if (e.detail< 0) { //当滑轮向下滚动时alert("滑轮向下滚动");}}}//给页面绑定滑轮滚动事件if (document.addEventListener) {//firefoxdocument.addEventListener('DOMMouseScroll', scrollFunc, false);}//滚动滑轮触发scrollFunc方法  //ie 谷歌window.onmousewheel = document.onmousewheel = scrollFunc; </script>
</head>
<body><div style="height:2000px;width:200px;background:#333;"></div>
</body>
</html>

js判断鼠标滚动放下,向上滚还是向下滚?相关推荐

  1. html判断坐标,js判断鼠标位置是否在某个div中的方法

    本文实例讲述了js判断鼠标位置是否在某个div中的方法.分享给大家供大家参考,具体如下: div的onmouseout事件让div消失时,会出现这样的情况,就是当鼠标移至div中的其它内容时,此时也判 ...

  2. 关于viewer.js插件js版鼠标滚动事件放大缩小改为图片移动

    主要是为了记录下需求中解决问题的思路,本人前端相当糟糕. 问题的产生是由于图片太长,页面一次性展示不全,业务人员提出修改前端图片显示中的鼠标滚动改为上下移动.由于项目中图片展示使用的是viewer,j ...

  3. js判断鼠标位置是否在某个div中

    div的onmouseout事件让div消失时,会出现这样的情况,就是当鼠标移至div中的其它内容时,此时也判定为离开div,会触发 onmouseout事件,这样div中的内容就不能操作了.解决的办 ...

  4. js判断鼠标旋转度数以及顺逆方向详解

    有一个需求,判断鼠标绕某点顺时针旋转n度后做什么事,逆时针旋转n度后作什么事,即可用到本案例 首先我们可以得到三个点,分别为中心点,起始点和结束点,于是可以知道三点的坐标,再通过余弦定理求出旋转角度, ...

  5. js判断鼠标滚轮上下滚动

    <!DOCTYPE html> <html>     <head>         <meta charset="utf-8">   ...

  6. js判断鼠标靠近屏幕最侧面的监听_threejs按鼠标位置缩放场景

    threejs的orbitcontrol,默认的缩放模式为整体以target为中心进行缩放.有时候,我们想让场景按照鼠标位置进行缩放,体验起来就和地图的缩放一样,最直观的感觉就是整个场景会越来越靠近鼠 ...

  7. js判断页面滚动方向

    开发中有很多根据滚动来判断的逻辑,这时候最重要的一个步骤就是先判断滚动方向,然后才能进行后续逻辑 我把自己最近项目中用到的代码放在下面(项目用的vue),各位酌情修改 data() {return { ...

  8. JS判断鼠标从哪个方向进入DIV容器

    写的不够高大上 , 不要介意哦... Js: //进去 $(".flash").bind("mouseenter",function(e){/** the wi ...

  9. js判断鼠标双击单击

    <a   href= "javascript:void(0) "   οnclick= "test() "   οndblclick= "tes ...

最新文章

  1. LINUX下的21个特殊符号 转
  2. 【算法】模拟退火算法解决TSP问题的matlab实现
  3. Centos 安装Mongo DB
  4. JAVA 文件监控 WatchService
  5. Linux搭建私有Git服务器以及ssh免密登陆配置
  6. 在UE中自由绘制基本图元的几种方法
  7. MinGW下编译ffmpeg静态库给Visual C++使用
  8. 值从哪里来_内存频率是怎么算出来的?2133MHz这么奇怪的数字是怎么来的?
  9. 简单高效:用Swatch做Linux日志分析
  10. laravel 图片
  11. 和为S的两个数字(python)
  12. 电脑屏幕录制软件免费
  13. PDF Converter 注册码
  14. Kotlin中let、also、with、run和apply使用
  15. 股市中什么是多头、空头
  16. 解决微信登录时昵称中包含特殊字符,不能存入数据库问题
  17. 信号完整性和电源完整性基本介绍
  18. leet-code Z 字形变换详解
  19. C++之字符串大小写转换
  20. PyQt——1. 简单认识PyQt及Python3.7安装QtDesigner

热门文章

  1. 阿里云推送 SDK iOS 端 配置
  2. 192.168.1.1是什么?192.168.1.1详细解释!
  3. 腾讯云服务器linux系统有图形界面,腾讯云CentOS7搭建图形化界面并远程连接
  4. 免费顶级域名+github个人主页教程
  5. 渗透大神教你用kali向心爱的妹子表白
  6. 威廉森《宏观经济学》第五版笔记和课后答案
  7. 法国计算机专业学校排名,法国计算机专业大学排名(2020年泰晤士)_快飞留学
  8. 以下可用作c语言中的字符常量是,C语言-第3章简单的C程序设计 练习题.doc
  9. 筛选质数,埃氏筛和欧拉筛(线性筛)
  10. 赤兔Android数据恢复专业版发布啦