HTML onclick Olay Özelliği
Örnek
Bir düğme tıklandığında bir JavaScript yürütün:
<button onclick="myFunction()">Click me</button>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
onclick özelliği, öğeye fareyle tıklandığında tetiklenir.
Tarayıcı Desteği
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
<element onclick="script">
Özellik Değerleri
| Value | Description |
|---|---|
| script | The script to be run on onclick |
Teknik detaylar
| Desteklenen HTML etiketleri: | Tüm HTML öğeleri, HARİÇ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ve <title> |
|---|
Daha fazla örnek
Örnek
Metin rengini kırmızıya değiştirmek için bir <p> öğesine tıklayın:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Örnek
Bir giriş alanından başka bir giriş alanına metin kopyalamak için bir düğmeye tıklayın:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
İlgili Sayfalar
HTML DOM referansı: onclick olayı
❮ HTML Olay Nitelikleri