incident sur roue
onwheel Événement
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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>
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
document.getElementById("myDIV").style.fontSize = "35px";
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher des exemples en ligne
Définition et utilisation
L'événement onwheel est déclenché lorsque la molette de la souris défile de haut en bas sur un élément.
L'événement onwheel peut également être déclenché lors du défilement sur le pavé tactile ou lors d'un zoom avant et arrière sur la zone (comme le pavé tactile d'un ordinateur portable).
Prise en charge du navigateur
| Événement |
| ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | Non pris en charge | 18.0 |
Dans le navigateur IE, l'événement wheel ne peut être pris en charge que via la méthode addEventListener(). Il n'y a pas d'attribut onwheel dans les objets DOM.
SyntaxeHTML :
<
element onwheel="
objectmyScript"> ilJavaScript :
.onwheel=function(){
myScript} ; Essayez-leEn JavaScript, utilisez la méthode addEventListener() :
object.addEventListener("wheel",
myScript); 🎜>
| 是否支持冒泡: | 是 |
|---|---|
| 是否可以取消: | 是 |
| 事件类型: | WheelEvent |
| 支持的 HTML 标签: | 所有的HTML元素 |
Remarque :
Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge la méthode addEventListener().
| Le bouillonnement est-il pris en charge : | Oui<🎜><🎜> |
|---|---|
| Puis-je annuler : | est<🎜><🎜> |
| Type d'événement : | WheelEvent<🎜><🎜> |
| Balises HTML prises en charge : | Tous les éléments HTML<🎜><🎜> |
