Przykład
Wykonuje JavaScript, gdy kliknięciu przycisku:
<button onclick="myFunction()">Click me</button>
Spróbuj sam " Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
onclick atrybut pożary na kliknięcie myszki na elemencie.
Pomoc Browser
Atrybut Zdarzenie | |||||
---|---|---|---|---|---|
onclick | tak | tak | tak | tak | tak |
Różnice między HTML 4.01 i HTML5
Żaden.
Składnia
<elementonclick=" script ">
wartości atrybutów
Wartość | Opis |
---|---|
script | Skrypt do uruchomienia na onclick |
Szczegóły techniczne
Obsługiwane znaczniki HTML: | Wszystkie elementy HTML, z wyjątkiem: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
---|
Więcej przykładów
Przykład
Kliknij na <p> elementu, aby zmienić jej 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>
Spróbuj sam " Przykład
Kliknij na przycisk, aby skopiować tekst z pola wprowadzania danych do innego pola wejściowego:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value =
document.getElementById("field1").value;
}
</script>
Spróbuj sam " Podobne strony
HTML DOM referencyjny: onclick event