Event事件对象之其他事件_event废弃了、

作者：笔触狂放9 | 2024-03-14 06:23:55

踩

event废弃了、

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

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

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/232556