Execute script when mouse wheel scrolls over HTML element?
The onwheel property fires when the mouse wheel scrolls over the element.
Example
You can try running the following code to execute the script when the mouse wheel scrolls over an element in HTML -
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id = "myDIV" onwheel = "display()">This is demo text. Roll the mouse wheel here.</div>
<script>
function display() {
alert("Mouse Wheel used!");
}
</script>
</body>
</html>The above is the detailed content of Execute script when mouse wheel scrolls over HTML element?. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1386
52
What should I do if the mouse wheel fails and jumps up and down randomly? Share three solutions
Mar 13, 2024 pm 07:28 PM
The mouse is one of the most important computer peripherals. However, during use, the mouse wheel will inevitably fail or jump up and down, which greatly affects the user's operation. Is there any way to solve this problem? Let’s take a look at three ways to solve the problem of random jumping of the mouse wheel. Method 1: Check the mouse. Mouse produced by different brands have their own characteristics. Some mouse wheels have high sensitivity or low damping, which may cause the wheel to jump erratically. To determine if the problem is with the mouse itself, you can lightly touch the mouse wheel and watch the page move on the screen. If you find that your mouse scrolls too sensitively, you may want to consider buying a new mouse to fix the problem. Method 2: Check the mouse settings Improper mouse settings may cause the mouse wheel to jump randomly.
Execute PHP function using onclick
Feb 29, 2024 pm 04:31 PM
We will also cover another way to execute a PHP function through the onclick() event using the Jquery library. This method calls a javascript function, which will output the content of the php function in the web page. We will also demonstrate another way to execute a PHP function using the onclick() event, calling the PHP function using pure JavaScript. This article will introduce a way to execute a PHP function, use the GET method to send the data in the URL, and use the isset() function to check the GET data. This method calls a PHP function if the data is set and the function is executed. Using jQuery to execute a PHP function through the onclick() event we can use
The difference between appendChild and append in JS
Feb 20, 2024 pm 06:57 PM
The difference between appendChild and append in JS requires specific code examples. In JavaScript, when we need to dynamically add child elements to the DOM (Document Object Model), we usually use the appendChild and append methods. Although their purpose is to add child elements to parent elements, there are some differences in their use. 1. appendChild method The appendChild method is one of the methods of the DOM node object. Use
How to read excel data in html
Mar 27, 2024 pm 05:11 PM
How to read excel data in html: 1. Use JavaScript library to read Excel data; 2. Use server-side programming language to read Excel data.
How to repair WIN7 mouse wheel failure
Mar 26, 2024 pm 06:51 PM
1. Right-click the computer icon and select Properties. 2. In the interface, select Device Manager. 3. Then in Mouse and other pointing devices, right-click and select HID-compliantmouse, and click Uninstall. 4. After the settings are completed, restart the computer.
What is dreamweaver line break?
Apr 08, 2024 pm 09:54 PM
Use the <br> tag in Dreamweaver to create line breaks, which can be inserted through the menu, shortcut keys or direct typing. Can be combined with CSS styles to create empty rows of specific heights. In some cases, it is more appropriate to use the <p> tag instead of the <br> tag because it automatically creates blank lines between paragraphs and applies style control.
Use CSS Transform to transform elements
Feb 24, 2024 am 10:09 AM
Usage of Transform in CSS The Transform property of CSS is a very powerful tool that can perform operations such as translation, rotation, scaling and tilting of HTML elements. It can dramatically change the appearance of elements and make web pages more creative and dynamic. In this article, we will introduce the various uses of Transform in detail and provide specific code examples. 1. Translate (Translate) Translate refers to moving an element a specified distance along the x-axis and y-axis. Its syntax is as follows: tran
jQuery implements a simple method to determine whether there are child elements within an element
Feb 28, 2024 pm 03:21 PM
jQuery is a widely used JavaScript library that provides many convenient methods to manipulate HTML elements. In the process of developing web pages, we often encounter situations where we need to determine whether there are sub-elements within an element. In this article, we will introduce how to use jQuery to achieve this function and provide specific code examples. To determine whether there are child elements within an element, we can use jQuery's children() method. The children() method is used to obtain matches
