养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js怎么给元素添加鼠标滚动事件

时间:2024-11-10 23:23:56

js怎么给元素添加鼠标滚动事件?作为刚入门javascript的你看到这个问题一定很头痛,无从下手,本教程就是教你如何给元素添加鼠标滚动事件的~

工具/原料

Dreamwearcs6

方法/步骤

1、打开DWcs6(Dreamwearcs6的简称,以下都称为DWcs6),点击新建,然后选择类型HTML,其他默认,然后点击创建,如下图所示

js怎么给元素添加鼠标滚动事件

js怎么给元素添加鼠标滚动事件

js怎么给元素添加鼠标滚动事件

2、我们在body标签(<body></body>)内添加一个测试的div,并id命名为dtest,设置一些样式,如下图所示

js怎么给元素添加鼠标滚动事件

3、写上如下图所示的代码水貔藻疽,注意:因为IE浏览器的内核与谷歌的内核不一样所以绑定监听事件的时候会有所差异,所以我写了一个addEvent(obj,xEvent,fn)方法

js怎么给元素添加鼠标滚动事件

4、运酚祯馄嫱行所写的网页,并在红色区域内,鼠标滑轮向下滑动,图中弹出“haha,测试成功!”的对话框表示鼠标滑动监听事件绑定成功,经过测试,如下图所示,IE浏览器、360浏览器和火狐浏览器,都能正粜涔彤痖常运行,其他浏览器就不一一测试啦,感兴趣的,不妨自己试一下呗!如果觉得有用的话就给小编投个票呗,小编写个教程也不容易,如果能得到大家的投票鼓励小编心里将不胜感激~

js怎么给元素添加鼠标滚动事件

js怎么给元素添加鼠标滚动事件

js怎么给元素添加鼠标滚动事件

© 一点知识