Inne działy

 

JavaScript zdarzenie onmousemove

 

Zdarzenie onmousemove występuje, gdy wskaźnik myszy jest przesuwany nad obiektem.

Składnia:

 

// Javascript
element.onmousemove = jsFunkcja;
// HTML
<element onmousemove="jsFunkcja();"></element>

Obsługa skryptu zdarzenia onmousemove poprzez JavaScript i DOM:

 

<!DOCTYPE html>

<html>
    <head>
        <title>Obsługa zdarzenia onmousedown przez JavaScript</title>
        <meta charset="UTF-8">
        <script type="text/javascript">
            
            function przechwycZdarzenie(){
                
                var paragraf1 = document.getElementById('paragraf1');
                var paragraf2 = document.getElementById('paragraf2');
                
                paragraf1.onmousemove = przesun;
                paragraf2.onmousemove = przesun;
                
                function przesun(){
                    this.innerHTML = "Myszka się przesuwa: " + window.event.clientX;
                }
            }
            window.onload = przechwycZdarzenie;
        </script>
        <style type="text/css">
            p {
                background: #EDF; padding: 24px;
            }
        </style>
    </head>
    <body>
        <p id="paragraf1">Zawartość akapitu 1</p>
        <p id="paragraf2">Zawartość akapitu 2</p>
    </body>
</html>

Obsługa zdarzenia onmousemove bezpośrednio przez element HTML:

 

<!DOCTYPE html>

<html>
    <head>
        <title>Obsługa zdarzenia onmousedown przez JavaScript</title>
        <meta charset="UTF-8">
        <script type="text/javascript">
            
            function przesun(element){
                element.innerHTML = "Myszka się przesuwa: " + window.event.clientX;
            }         
            
        </script>
        <style type="text/css">
            p {
                background: #EDE; padding: 24px;
            }
        </style>
    </head>
    <body>
        <p onmousemove="przesun(this);">Zawartość akapitu 1</p>
        <p onmousemove="przesun(this);">Zawartość akapitu 2</p>
    </body>
</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.