onmousewheel跟onscroll的区别

研习DOM中的事件方法,发现一些细微差别,百度一下没有类似的解答,随手记下来。

onmousewheel事件 

以下摘自http://help.dottoro.com/ljmracjb.php

Browser support:

IE,火狐,opera,sarafi,chrome

Occurs when the mouse wheel rolls.

In Firefox, use the DOMMouseScroll event and the detail event property instead.

Note: the onmousewheel and DOMMouseScroll events are also fired on elements that have no scrollbar or when the contents are not scrolled. If you would like to receive a notification when the contents of an element are scrolled, use the onscroll event.

翻译:该事件发生在鼠标滚轮滚动时,火狐中,使用DOMMouseScroll跟其细节事件(参看http://help.dottoro.com/ljrxdxdw.php及http://www.feiesoft.com/html/events/onmousewheel.html)代替。注意:onmousewheel和DOMMouseScroll事件,在没有滚动条或者内容没有被滚动的时候也会发生,意思是只要鼠标动不管页面动不动。如果你是想一个元素内容滚动后接受一个通知的话,使用onscroll事件。

onscroll事件

Browser support:

IE,火狐,opera,sarafi,chrome

Occurs when the contents of an element have been scrolled.

This event is only fired on elements that have a scrollbar. Use the overflow style property to create scrollbars for an element.

翻译:事件发生在元素内容滚动的时候,也包括键盘上下键,载入也可触发。事件仅仅在有滚动条时发生,使用overflow属性为元素创建一个滚动条。

ok,就这样。

时间: 2024-10-10 20:42:50

onmousewheel跟onscroll的区别的相关文章

手势检测的回调方法中onfling与onscroll的区别

onfling参数: e1 The first down motion event that started the fling. e2 The move motion event that triggered the current onFling. velocityX The velocity of this fling measured in pixels per second along the x axis. velocityY The velocity of this fling m

html5 中常用的标签和属性

<blockquote> 标签定义摘自另一个源的块引用. <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左.右两边进行缩进,而且有时会使用斜体.也就是说,块引用拥有它们自己的空间. <hgroup> 标签用于对网页或区段(section)的标题进行组合. <param> 标签 定义和用法 param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可

什么是H5?

总听到很多人说H5,现在H5很火,到底H5是什么,以下发表个人对H5的理解. HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 设计目的 HTML5的设计目的是为了在移动设备上支持多媒体.新的语法特征被引进以支持这一点,如video.audio和canvas 标记. HTML5还引进了新的功能,可以

select扩展

<select> 标签定义和用法<select> 标签创建下拉列表.HTML 4.01 与 HTML 5 之间的差异HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性.提示和注释:风信网(www.ithov.com)提示:请在 form 元素中使用此标签来接受用户的输入.例子<select><option value="volvo">Volvo</option><option value=&quo

HTML5的fieldset标签

定义和用法 fieldset 元素可将表单内的相关元素分组,绘制一个带标题的框,有如winform开发中的panel. <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段.<fieldset> 标签没有必需的或唯一的属性. 当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界.3D 效果,或者甚至可创建一个子表单来处理这些元素. HTML 4.01 与 HTML 5 之间的差异 在 HTML 5 中

创建一个pre标签展开折叠的UI组件(原创)

这些天练习UI组件的编写,顺便模仿一个h5版本的pre标签收缩展开的效果组件: 兼容ie8.9,谷歌,火狐: 图片效果如下: demo.html代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge

浅尝HTML5之canvas

转自:http://segmentfault.com/a/1190000000661407/ HTML5新标签 HTML5新引入header,footer,article,section,aside和nav,audio,datalist,details,video,progress,embed等标签 section 标签用于标识页面上的重要内容部分.该标签有点类似于将一本书分成几个章节. article 标签标识了 Web 页面中的主要内容. aside 标签表示arcitle元素内容之外的.与

XSS 扫描器成长记

作者:w7ay @知道创宇404实验室时间:2020年2月12日原文地址:https://paper.seebug.org/1119/ 为了实现自动刷SRC的目标,过年前就开始对w13scan的xss扫描功能进行优化,灵感来源于xray所宣称的基于语义的扫描技术. 之前xss扫描是参考w3af中的源码,原理也很简单就是暴力的使用xss的payload进行请求,最后在返回文本中查找关键字,xss payload一般有以下几个部分.后面我认真的学习了一下Xsstrike.Xray.Awvs中的检测技

滚轮事件onmousewheel

1.滚动条事件 : document.onscroll  = function() { } 2.滚轮事件 :document.onmousewheel = function (){ }  (firefox 不支持) (1) event.wheelDelta > 0 :滚轮向上 (120) (2) event.wheelDelta < 0 :滚轮向下 (-120) DOMMouseScroll (使用addEventListener事件绑定) (event.detail < 0:滚轮向上,