klik op Gebeurtenis

❮ Vorige Gebeurtenisse Verwysing Volgende ❯

Voorbeeld

Voer 'n JavaScript uit wanneer 'n knoppie geklik word:

<button onclick="myFunction()">Click me</button>

Definisie en gebruik

Die onclickgebeurtenis vind plaas wanneer die gebruiker op 'n element klik.

In HTML:

<element onclick="myScript">

In JavaScript:

object.onclick = function(){myScript};

In JavaScript, gebruik die addEventListener() metode:

object.addEventListener("click", myScript);

Tegniese besonderhede

borrels:	Ja
Kanselleerbaar:	Ja
Soort gebeurtenis:	Muis Gebeurtenis
Ondersteunde HTML-etikette:	Alles behalwe: <basis>, <bdo>, <br>, <kop>, <html>, <iframe>, <meta>, <param>, <skrif>, <styl> en <titel>

Meer voorbeelde

Klik 'n <knoppie> om die datum te wys:

Klik 'n <h3>-element om die tekskleur te verander:

<h3 id="demo" onclick="myFunction()">Click me to change my color.</h3>

<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>

Nog 'n voorbeeld van hoe om die kleur van 'n element te verander:

<h3 onclick="myFunction(this, 'red')">Click me to change my color.</h3>

<script>
function myFunction(element, color) {
element.style.color = color;
}
</script>

Klik om teks van een invoerveld na 'n ander te kopieer:

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>

Hoe om 'n "onclick"-gebeurtenis aan die venstervoorwerp toe te wys:

window.onclick = myFunction;

function myFunction() {
document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}

Gebruik onclick om 'n aftreklys te skep:

document.getElementById("myBtn").onclick = function() {myFunction()};

function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}