600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > javascript 鼠标滚轮事件【javascript】

javascript 鼠标滚轮事件【javascript】

时间:2023-05-31 06:44:59

相关推荐

javascript 鼠标滚轮事件【javascript】

web前端|js教程

javascript,鼠标,滚轮,事件

web前端-js教程

今天在网上找来了响应滚轮的函数并改写成下面的类

团购预售系统源码,lua vscode,ubuntu xchat,tomcat读音,sqlite跳过空,贵州云服务器,html网页设计插件,前端写后台框架,python 爬虫种子,台州php招聘,培训seo班,代理ip自动提取网站源码,漂亮网页ui,bootstrap 移动端模板,h5抽奖页面html5,微信访客管理系统,幸运28程序制作lzw

function wheelEvent(obj, handle)

{

this.handle = handle;

// different events between Firefox and IE

window.addEventListener ? obj.addEventListener("DOMMouseScroll", this.wheel, false) : (obj.onmousewheel = this.wheel);

}

wheelEvent.prototype.wheel = function (event)

{

var ev = event || window.event;

var delta = ev.wheelDelta ? (ev.wheelDelta / 120) : (- ev.detail / 3); // Firefox using `wheelDelta` IE using `detail`

eval (delta ? + parent.handle + (delta) : null;);

}

在使用的时候需要定义一个执行函数,用以根据从上述类中获得的值进行操作,并为指定的网页元素添加事件。比如

tar源码下载,Ubuntu最小内存要求,python爬虫实战手册,php foreac,自动seo系统lzw

function handle(delta)

{

document.getElementById( ext).scrollTop -= delta * 20;

}

new wheelEvent(document.getElementById( ext), handle);

在上例中第一个参数是添加滚轮事件的网页元素, id 为 text 的 div;第二个参数是执行函数的名字 handle。

其中 handle 函数必须有且只有一个参数delta,滚轮往上滚时 delta 大于 0,往下则小于 0。上例 handle 函数的作用是用滚轮对 div 实现滚动条的功能

django框架源码,ubuntu 无法加载系统,tomcat运行+然后闪退,pytho爬虫建立,高级php学习,最新seo新手教程电子书推广lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。