首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:56:47 版权归原作者所有,如有侵权,请联系我们

js怎么给元素添加鼠标滚动事件?作为刚入门javascript的你看到这个问题一定很头痛,无从下手,本教程就是教你如何给元素添加鼠标滚动事件的~HxJ办公区 - 实用经验教程分享!

工具/原料

  • Dreamwear cs6

方法/步骤

  • 1

    打开DW cs6(Dreamwear cs6的简称,以下都称为DW cs6),点击新建,然后选择类型HTML,其他默认,然后点击创建,如下图所示HxJ办公区 - 实用经验教程分享!

    js怎么给元素添加鼠标滚动事件HxJ办公区 - 实用经验教程分享!

    js怎么给元素添加鼠标滚动事件HxJ办公区 - 实用经验教程分享!

    js怎么给元素添加鼠标滚动事件HxJ办公区 - 实用经验教程分享!

  • 2

    我们在body标签(body>/body>)内添加一个测试的div,并id命名为dtest,设置一些样式,如下图所示HxJ办公区 - 实用经验教程分享!

    js怎么给元素添加鼠标滚动事件HxJ办公区 - 实用经验教程分享!

  • 3

    写上如下图所示的代码,注意:因为IE浏览器的内核与谷歌的内核不一样所以绑定监听事件的时候会有所差异,所以我写了一个addEvent(obj,xEvent,fn)方法HxJ办公区 - 实用经验教程分享!

    js怎么给元素添加鼠标滚动事件HxJ办公区 - 实用经验教程分享!

  • 3此文章未经许可获取自百度经验
  • 4

    运行所写的网页,并在红色区域内,鼠标滑轮向下滑动,图中弹出“haha,测试成功!”的对话框表示鼠标滑动监听事件绑定成功,经过测试,如下图所示,IE浏览器、360浏览器和火狐浏览器,都能正常运行,其他浏览器就不一一测试啦,感兴趣的,不妨自己试一下呗!HxJ办公区 - 实用经验教程分享!

    如果觉得有用的话就给小编投个票呗,小编写个教程也不容易,如果能得到大家的投票鼓励小编心里将不胜感激~HxJ办公区 - 实用经验教程分享!

    js怎么给元素添加鼠标滚动事件HxJ办公区 - 实用经验教程分享!

    js怎么给元素添加鼠标滚动事件HxJ办公区 - 实用经验教程分享!

    js怎么给元素添加鼠标滚动事件HxJ办公区 - 实用经验教程分享!

  • 注意事项

    • IE浏览器的内核与谷歌的内核不一样所以绑定监听事件的时候会有所差异,所以我写了一个addEvent(obj,xEvent,fn)方法,使用是可以方便调用

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!HxJ办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号