JavaScript Etkinlikler (11.Ders) – Masif Dinamik
javascript-dersleri

JavaScript Etkinlikler (11.Ders)

Bildiğiniz gibi JS HTML içinde kullanılabilir. Buradaki kullanımları etkinlikler diye adlandırabiliriz.

HTML ETKİNLİĞİ (EVENTS)

HTML etkinliği, tarayıcının yaptığı veya kullanıcının yaptığı bir şey olabilir.
HTML olaylarına bazı örnekler:
  • Bir HTML web sayfasının yüklenmesi tamamlandı
  • Bir HTML giriş alanı değiştirildi
  • Bir HTML düğmesi tıklandı
Çoğu zaman, bir olay meydana geldiğinde, bir şeyler yapmak isteyebiliriz.
JavaScript, olaylar algılandığında kod yürütmenizi sağlar.
HTML, HTML kodlarına JavaScript kodlu olay işleyici niteliklerinin eklenmesine olanak tanır.
Tek tırnak işaretleri ile:
<element event='JavaScript Kodları Buraya'>
Çift tırnak işareti ile:
<element event="JavaScript Kodları Buraya">
Aşağıdaki örnekte, bir <button> öğesine bir onclick niteliği eklenerek basit bir saat uygulaması yapılmıştır.
<button onclick="document.getElementById('demo').innerHTML = Date()">Saat: </button>

 

 

Yukarıdaki örnekte demo elementini değiştirerek saat yazdırdık. Peki butona bastığımızda direk saati nasıl yazdırırız. Bunun için aşağıdaki kodu kullanırız.

<button onclick="this.innerHTML = Date()">Saat Kaç ?</button>
Yukarıdaki kodu denediğinizde butona bastığınızda saati size gösterecektir.
Şimdi bu işi bir de fonskiyon kullanarak yapalım.
<button onclick="displayDate()">The time is?</button>

 

 

Yaygın Kullanılan HTML Etkinlikleri

Aşağıda bazı yaygın HTML etkinliklerinin bir listesi verilmiştir:
EtkinlikAçıklama
onchange
Bir HTML öğesi değiştirildi
onclick
Kullanıcı bir HTML öğesini tıklar
onmouseover
Kullanıcı fareyi bir HTML öğesinin üzerine taşır
onmouseout
Kullanıcı fareyi bir HTML öğesinden uzaklaştırır
onkeydown
Kullanıcı bir klavye tuşuna basar
onload
Tarayıcı sayfayı yüklemeyi tamamladı

Yukarıda gördüğünüz kodlar html ile javascript arasında iletişim kurabilmemizi sağlayan kodlardır. Bu liste çok daha fazla uzuyor. İlerleyen konularda daha da detaylı olarak işleyeceğiz.

JavaScript HTML DOM Etkinlikleri yazımızdan daha detaylı olarak inceleyebilirsiniz. (Henüz Yazılmadı)

JavaScript neler yapabilir?

Etkinlikler ile kullanıcı girdisini, kullanıcı eylemlerini ve tarayıcı eylemlerini işlemek ve doğrulamak için kullanılabilir örneğin:
  • Bir sayfa her yüklendiğinde yapılması gerekenler
  • Sayfa kapalıyken yapılması gerekenler
  • Kullanıcı bir düğmeyi tıkladığında gerçekleştirilmesi gereken eylem
  • Bir kullanıcı veri girdiğinde doğrulanması gereken içerik
  • Ve dahası…
JavaScript’in etkinliklerle çalışmasına izin vermek için birçok farklı yöntem kullanılabilir:
  • HTML olay özellikleri doğrudan JavaScript kodunu yürütebilir.
  • HTML olay özellikleri JavaScript işlevlerini çağırabilir
  • HTML öğelerine kendi olay işleyici işlevlerinizi atayabilirsiniz
  • Etkinliklerin gönderilmesini veya işlenmesini engelleyebilirsiniz
  • Ve dahası…
HTML DOM bölümlerindeki etkinlikler ve olay işleyicileri hakkında daha fazla bilgi edineceğiz.

JavaScript Etkinlikler dersini burada bitiriyoruz. Bir sonraki dersimiz JavaScript String. Görüşmek Üzere.

 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


Yeni Yazılara Abone Ol



© Copyright 2020, Masif Dinamik