`

鼠标滑轮 js绑定事件（转帖）

滑轮滚动 
阅读更多
[html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
  3. <head>  
  4.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />  
  5.     <title></title>  
  6.     <script type="text/javascript">  
  7.         var scrollFunc = function (e) {  
  8.         e = e || window.event;  
  9.         if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件               
  10.             if (e.wheelDelta > 0) { //当滑轮向上滚动时  
  11.                 alert("滑轮向上滚动");  
  12.             }  
  13.             if (e.wheelDelta < 0) { //当滑轮向下滚动时  
  14.                 alert("滑轮向下滚动");  
  15.             }  
  16.         } else if (e.detail) {  //Firefox滑轮事件  
  17.             if (e.detail> 0) { //当滑轮向上滚动时  
  18.                 alert("滑轮向上滚动");  
  19.             }  
  20.             if (e.detail< 0) { //当滑轮向下滚动时  
  21.                 alert("滑轮向下滚动");  
  22.             }  
  23.         }  
  24.     }  
  25.     //给页面绑定滑轮滚动事件  
  26.     if (document.addEventListener) {//firefox  
  27.         document.addEventListener('DOMMouseScroll', scrollFunc, false);  
  28.     }  
  29.     //滚动滑轮触发scrollFunc方法  //ie 谷歌  
  30.     window.onmousewheel = document.onmousewheel = scrollFunc;   
  31.     </script>  
  32. </head>  
  33. <body>  
  34.     <div style="height:2000px;width:200px;background:#333;"></div>  
  35. </body>  
  36. </html>  
  37. 转帖地址：http://blog.csdn.net/kongjiea/article/details/18557407
分享到：
| $.getJson中文乱码问题（转帖）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js绑定事件，并动态传参

    js绑定事件，并动态传参，比如绑定click事件。js绑定事件，并动态传参，比如绑定click事件。 js绑定事件，并动态传参，比如绑定click事件

    JavaScript 事件处理 事件绑定 示例代码

    事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例代码JavaScript 事件处理 事件绑定 示例...

    layui动态绑定事件的方法

    在实际操作中，我们可以通过编写一段JavaScript代码来实现动态绑定事件。先通过jQuery选取需要添加事件监听的元素，然后使用.on()方法绑定事件。对于动态添加的元素，我们同样可以使用.on()方法进行事件委托，将事件...

    Delphi 动态绑定事件处理函数过程

    在 Delphi 编程环境中，动态绑定事件处理函数是一个强大的特性，它允许程序在运行时动态地连接事件和对应的处理函数，而不是在编译时静态地确定。这为开发提供了更大的灵活性，特别是在处理不确定数量的对象或者需要...

    javascript为DOM绑定事件 兼容

    JavaScript 为 DOM 绑定事件兼容 JavaScript 为 DOM 绑定事件是指在网页中将事件处理程序绑定到 HTML 元素上的过程，而为了实现跨浏览器兼容性，我们需要了解不同的浏览器对绑定事件的实现方式。 直接为 Element ...

    js 判断是否绑定一个事件

    js 判断是否绑定一个事件

    js单击事件和双击事件并存绑定

    "js单击事件和双击事件并存绑定"这个主题涉及到如何让一个元素同时响应单击（click）和双击（dblclick）事件，而不互相冲突。这在实现某些交互功能时非常有用，比如，单击可能打开一个菜单，而双击则可能编辑内容。...

    js回车事件绑定.txt

    ### JavaScript回车事件绑定知识点详解 #### 一、概述 在Web开发中，我们经常会遇到需要监听用户输入的情况，特别是当用户按下特定按键时触发某些功能。其中，“回车键”（Enter键）是一个非常常见的触发条件。...

    js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)

    本文将深入探讨如何在不同的浏览器环境中绑定鼠标的滑轮滚动事件，并提供一个兼容主流浏览器的简单实例。 首先，我们需要理解鼠标滚轮事件的基本概念。在JavaScript中，这个事件通常分为两种类型：`onmousewheel`...

    js 给动态生成的DOM绑定事件

    web前端的朋友们,经常会遇到给由后台返回的数据遍历生成的DOM绑定事件,但是总是绑定不上,那是因为把事件直接绑定到了动态生成的DOM上了,正确的方式是利用事件冒泡给其父元素绑定，这样才能解决问题的哦！

    PyQt5按钮点击事件 给按钮绑定事件调用自定义函数 QPushButton

    # PyQt5按钮点击事件 给按钮绑定事件调用自定义函数 QPushButton 1. 继承 QWidget 定义自定义窗口类； 1. 在窗口中创建三个 QPushButton 并设置水平布局 QHBoxLayout； 2. 将三个按钮分别绑定自定义函数。

    ASP.NET-008—JS绑定控件事件

    在这个"ASP.NET-008—JS绑定控件事件"的主题中，我们将深入探讨如何在ASP.NET环境中利用JavaScript（JS）来绑定和处理控件的事件。JavaScript是一种广泛使用的客户端脚本语言，它可以在用户的浏览器上运行，提供交互...

    WPF纯MVVM事件绑定+事件参数 完美示例

    在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）环境中使用纯MVVM（Model-View-ViewModel）模式进行事件绑定，并获取事件参数。MVVM是一种流行的设计模式，它将用户界面（View）、业务逻辑...

    JS中动态添加事件(绑定事件)的代码

    两种方式：直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况： 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert&#40;”&#41;; } 第二种...

    javascript重复绑定事件造成的后果说明.docx

    1. **性能问题**：每个额外绑定的事件都会增加内存消耗，尤其是在高频率触发的事件如鼠标移动（`mousemove`）、键盘按键（`keydown`）等场景下，多次绑定同一事件可能会显著降低应用性能。 2. **行为异常**：对于...

    javascript触发模拟鼠标点击事件

    本文详细介绍了如何使用JavaScript来触发模拟的鼠标点击事件，并提供了IE浏览器和其他现代浏览器（例如Chrome、Firefox）中实现的示例代码。 首先，要理解事件触发器的概念。事件触发器是一种机制，它使得开发者...

    基于原生JavaScript完成的网页端2048游戏，适配移动端，绑定键盘和鼠标滑动事件.zip

    基于原生JavaScript完成的网页端2048游戏，适配移动端，绑定键盘和鼠标滑动事件 基于原生JavaScript完成的网页端2048游戏，适配移动端，绑定键盘和鼠标滑动事件 基于原生JavaScript完成的网页端2048游戏，适配移动端...

    JQuery绑定事件

    **jQuery绑定事件**是JavaScript库jQuery中的核心功能之一，它极大地简化了DOM元素事件处理的流程，使得开发者能够更加高效地编写代码。在JavaScript原生语法中，为元素添加事件监听器通常涉及到`addEventListener`...

    js 前端鼠标拖动事件实例

    这个实例主要涉及的关键词是“js”（JavaScript）、“ASP”（尽管在这个上下文中并不直接相关，但可能是用户提及的一个相关技术栈）、“web”（Web开发）以及“鼠标事件”。我们将重点讲解JavaScript中的鼠标拖动...

Magicbox
Global site tag (gtag.js) - Google Analytics