Atrybut zdarzenia HTML onclick
Przykład
Wykonaj JavaScript po kliknięciu przycisku:
<button onclick="myFunction()">Click me</button>
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Atrybut onclick uruchamia się po kliknięciu myszą na elemencie.
Obsługa przeglądarki
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
Składnia
<element onclick="script">
Wartości atrybutów
| Value | Description |
|---|---|
| script | The script to be run on onclick |
Szczegóły techniczne
| Obsługiwane tagi HTML: | Wszystkie elementy HTML, Z WYJĄTKIEM: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> i <title> |
|---|
Więcej przykładów
Przykład
Kliknij element <p>, aby zmienić jego kolor tekstu na czerwony:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Przykład
Kliknij przycisk, aby skopiować tekst z pola wejściowego do innego pola wejściowego:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Powiązane strony
Odniesienie HTML DOM: zdarzenie onclick
❮ Atrybuty zdarzeń HTML