Event事件对象之其他事件

最新推荐文章于 2023-02-13 16:01:08 发布

zzzzzzz周绍辉

最新推荐文章于 2023-02-13 16:01:08 发布

阅读量406

点赞数

分类专栏： javascript 对象 Event 事件文章标签：对象 javascript Event 事件

本文链接：https://blog.csdn.net/qq_32758013/article/details/76474216

版权

javascript 同时被 3 个专栏收录

27 篇文章 0 订阅

订阅专栏

对象

25 篇文章 0 订阅

订阅专栏

Event

10 篇文章 0 订阅

订阅专栏

1. onmessage

该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发

2. onmousewheel

已废弃。使用 onwheel 事件替代

提示

还是可以在浏览器上运行的只不过IE浏览器不支持。

3. onpopstate

该事件在窗口的浏览历史（history 对象）发生改变时触发

4. onstorage

该事件在 Web Storage(HTML 5 Web 存储)更新时触发

5. onwheel

在鼠标滚轮在元素上下滚动时触发

提示

onwheel 事件同样可以在触摸板上滚动或放大缩小区域时触发（如笔记本上的触摸板）。
支持冒泡

浏览器支持

google	IE	firefox	safari	opera
31.0	9.0	17.0	false	18.0

注意

在 IE 浏览器中，只能通过 addEventListener() 方法支持 wheel 事件。在 DOM 对象中没有 onwheel 属性。

非IE
object.onwheel=function
IE
object.addEventListener("wheel", myScript)

注意

Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>zsh</title>
<style>
#myDIV {
    border: 1px solid black;
}
</style>
</head>
<body>

<div id="myDIV">该实例演示了如何使用 addEventListener() 方法向 DIV 元素添加 "wheel" 事件。在这个区域上下滚动鼠标滚轮!</div>
<p>当你在 div 元素中滚动鼠标滚轮时，脚本函数会设置 div 的字体大小为 35 像素。</p>
<p><strong>注意：</strong> Safari 浏览器不支持 wheel 事件</p>
<script>
myDIV.onmousewheel = myFunction

document.getElementById("myDIV").addEventListener("wheel", myFunction);

function myFunction() {
    document.getElementById("myDIV").style.fontSize = "35px";
}
</script>

</body>
</html>

文档内容出自 W3cSchool和菜鸟教程，如需查看更详细的有关内容请登录 http://www.w3school.com.cn/ 和 http://www.runoob.com/

zzzzzzz周绍辉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Event事件对象之其他事件

1. onmessage该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发2. onmousewheel已废弃。使用 onwheel 事件替代提示还是可以在浏览器上运行的只不过IE浏览器不支持。3. onpopstate该事件在窗口的浏览历史（history 对象）发生改变时触发4. onstorage该
复制链接

扫一扫