Inne działy

 

JavaScript zdarzenie onClick

 

Zdarzenie click zachodzi po kliknięciu obiektu docelowego, który jest widoczny na ekranie. To zdarzenie występuje po zdarzeniach onmousedown i onmouseup.

Składnia:

 

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

Obsługa skryptu zdarzenia onClick poprzez JavaScript i DOM:

 

<!DOCTYPE html>

<html>
    <head>
        <title>Zdarzenie onClick JavaScript</title>
        <meta charset="UTF-8">
        <script type="text/javascript">
            
            function addEventHandling(){
                var przycisk1 = document.getElementById('btn1');
                var przycisk2 = document.getElementById('btn2');
                
                przycisk1.url = "http://uazz.pl";
                przycisk2.url = "http://www.atrakcyjnaturystyka.pl";
                
                przycisk1.onclick = przyciskKlikniecie;
                przycisk2.onclick = przyciskKlikniecie;
                
                function przyciskKlikniecie(){
                    window.location = this.url;
                }
            }
            window.onload = addEventHandling;
        </script>
    </head>
    <body>
        <button id="btn1">Zdarzenie onClick</button>
        <button id="btn2">Programista JavaScript</button>
    </body>
</html>

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

 

<!DOCTYPE html>

<html>
    <head>
        <title>Obsługa zdarzenia onClick przez elementy HTML</title>
        <meta charset="UTF-8">
        <script type="text/javascript">
            function przyciskKlikniecie(url){
                window.location = url;
            }
        </script>
    </head>
    <body>
        <button onclick="przyciskKlikniecie('http://uazz.pl')">Zdarzenie onClick</button>
        <button onclick="przyciskKlikniecie('http://www.atrakcyjnaturystyka.pl')">Programista JavaScript</button>
    </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.