Olay İşleme – Blog Yazma – Web Tasarımı Yapımı – Web Tasarımı YouTube Videosu Yapımı – Web Sitesi Tasarlama Fiyatları
Olay İşleme Yoluyla Belge Değiştirme
Olay işleme, muhtemelen JavaScript’in kullanıcı arayüzü odaklı bir geliştiriciye sunduğu en iyi şeydir. Aynı zamanda, karmaşık olduğu için değil, olay işlemeyi farklı şekillerde uygulayan farklı tarayıcılar nedeniyle en kafa karıştırıcı JavaScript konularından biridir.
Şimdi size olayın ne olduğunu anlatacağım; olaylarla başa çıkmak için eski, denenmiş ve gerçek bir yaklaşım göstermek; ve ardından W3C’nin önerdiği daha yeni bir yaklaşımı açıklayın. Son olarak, onu desteklemeyen tarayıcıların komut dosyalarınızı anlamasını sağlamak için W3C uyumlu yaklaşımı nasıl değiştireceğinizi öğreneceksiniz.
Olaylar birçok şey olabilir, örneğin:
• Belgenin ilk yüklenmesi ve işlenmesi
• Bir görüntünün yüklenmesi
• Kullanıcının bir düğmeyi tıklaması
• Kullanıcının bir tuşa basması
• Kullanıcının fareyi belirli bir öğenin üzerine getirmesi
■Not : Hareket dedektörü veya kapı zilinin kontakları gibi bir olay gidericiyi hayal edin—birisi kapıya yaklaşırsa, ışıklar açılır; ve eğer birisi kapı zilinin düğmesine basarsa, devre kapanır ve bir ses çalmak için zil mekanizması tetiklenir. Aynı şekilde, bir kullanıcının bir işlevi tetiklemek için fareyi bir bağlantının üzerine getirdiğini ve kullanıcı bu bağlantıyı tıkladığında başka bir işlevi tetiklediğini tespit edebilirsiniz.
Daha önceki bölümlerde daha temiz bir yol anlatılmıştı: Öğeyi bir sınıf veya kimlik aracılığıyla tanımlarsınız ve bunun yerine komut dosyanızda olay işleyicisini ayarlarsınız. En kolay ve en yaygın olarak desteklenen yol, olay işleyicisini bir özellik olarak doğrudan nesneye uygulamaktır.
Olayları bu şekilde tetiklemenin birkaç sorunu vardır:
• Öğeyi işleve göndermezsiniz; bunun yerine öğeyi tekrar bulmanız gerekir.
• Bir seferde yalnızca bir işlev atayabilirsiniz
• Bu öğenin olayını yalnızca betiğiniz için kaçırırsınız—bu öğeyi başka olaylar için kullanmaya çalışan diğer betiklerin yöntemleri artık çalışmayacaktır.
triggerLink’i global bir değişken veya nesne özelliği olarak tanımlamadıysanız, infoWindow() işlevinin kullanılmadan önce tetikleyici öğeyi bulması gerekir.
Bu ve bir olaya bağlı birden çok işlev sorunu, gerçek işlev(ler)inizi çağıran anonim bir işlev uygulanarak çözülebilir, bu da geçerli nesneyi this anahtar sözcüğü aracılığıyla göndermenize olanak tanır.
Üçüncü sorun devam ediyor. Komut dosyanız, belgeye eklenen son komut olması koşuluyla, diğer komut dosyalarının olay tetikleyicilerini geçersiz kılar, bu da diğer komut dosyalarıyla birlikte kolayca çalışmadığı anlamına gelir. Bu nedenle, diğer komut dosyalarını geçersiz kılmadan olay işleyicileri atamanın bir yoluna ihtiyacınız var. Bu, özellikle belge yüklendiğinde farklı işlevleri çağırmak istediğinizde önemlidir.
İşlevinizi sayfaya eklemek için bu araç işlevini kullanırsanız, sayfanın load olayı tarafından çağrılması gereken diğer işlevleri geçersiz kılamazsınız. Doğru yönde büyük bir adımdı ve öyledir.
Java Bölme işlemi
Java operator
java % operatörü
Java çarpma işlemi
Mantıksal işlemler
Görüntü işleme teknikleri Nelerdir
Java ne demek
Aritmetik Operatörler C
Yukarıdaki yöntemler, orada JavaScript’i destekleyen tüm tarayıcılar için bildiğim kadarıyla çalışır. Özellikle, bir Mac üzerinde MSIE 5’i desteklemeniz gerekiyorsa, gidebileceğiniz kadarıyla bu kadar. Daha yeni tarayıcılar, olay işlemenin farklı yönleri arasında net bir şekilde ayrım yapan gelişmiş bir olay modelini destekler.
■Not : Bu bölümdeki örneklerin DOM-2 uyumlu bir tarayıcıda yürütülmesi gerekir. Mozilla Firefox sürüm 1.5’i öneririm. MSIE 6, DOM-2 uyumlu değildir ve örnekler içinde çalışmayacaktır. Bölümün bu kısmı, olayların nasıl tanımlandığını ve W3C tarafından nasıl çalışması gerektiğini açıklar. Daha sonra, bu yöntemleri MSIE ve diğer uyumlu olmayan tarayıcılarla çalışacak şekilde genişleteceğiz.
W3C DOM-2 ve yaklaşan DOM-3 spesifikasyonları, olay işleme konusuna biraz farklı yaklaşıyor. Her şeyden önce, alınan verilerin kullanımına kadar olayın oluşumunun farklı bölümlerini ayrıntılı olarak tanımlarlar:
• Olay ne olur, örneğin tıklayın.
• Olay işleyici, örneğin onclick, DOM-1’de olayın gerçekleştiği konumdur.
kaydedildi.
• DOM-2’de bu biraz farklıdır; olay hedefi ve olay dinleyicisi ile ilgilenirsiniz:
• Olay hedefi, olayın gerçekleştiği yerdir, çoğu durumda bir HTML öğesidir.
• Olay dinleyicisi, o olayla ilgilenen bir işlevdir.
• DOM-3, henüz gerçek bir tarayıcı desteği olmayan olay yakalama kavramını da getiriyor. Bunları gerçekten anlamak istiyorsanız, W3C özelliklerini kontrol edin; Henüz kullanılabilir JavaScript’in bir parçası olmadığı için olay yakalamayı burada ele almayacağım.
Etkinlikleri Uygulamak
Bir olayı addEventListener() yöntemiyle uygularsınız. Bu işlev üç parametre alır: bir dize olarak ve “on” öneki olmadan olay, olay dinleyici işlevinin adı (parantezler olmadan) ve olay yakalamanın kullanılıp kullanılmayacağını tanımlayan useCapture adlı bir Boole değeri. Şimdilik useCapture’ı false olarak ayarlamak güvenlidir.
infoWindow() işlevini addEventListener() aracılığıyla bağlantıya uygulamak isterseniz, aşağıdakini kullanırsınız. Fare bağlantının üzerindeyken vurgulama() işlevini ve fare bağlantıdan ayrıldığında vurgulamayı kaldırma() işlevini çağırarak bir vurgulu efekti eklemek istiyorsanız, birkaç satır daha ekleyebilirsiniz.
Hangi Olayın Nerede ve Nasıl Tetiklendiğini Kontrol Etme
Geliştirme kolaylığı açısından, birinci kareye geri döndünüz gibi görünebilir: href’i okumak için infoWindow() öğesinin içinden bir kez daha öğeyi bulmanız gerekir. Bu doğru; ancak, addEventListener’ı kullanarak, standartlarla uyumlu tarayıcılardan size olay nesnesini vermelerini istersiniz, bu nesneyi e adlı bir parametre aracılığıyla okuyabilirsiniz.
Bu e’yi daha önce görmüş ve ne olduğunu ve nereden geldiğini bilmeden bir e’ye güvenmeniz gerekip gerekmediğini merak etmiş olabilirsiniz. Olayı uygularken bir parametreyi göndermeden basitçe kullanmak ilk başta çok kafa karıştırıcıdır, ancak olay nesnesini öğrendikten sonra asla onevent özelliklerini kullanmaya geri dönmezsiniz. Olay nesnesinin, olay dinleyici işlevinde kullanabileceğiniz birçok özelliği vardır.
Mevcut olanların tam listesi, dinlediğiniz etkinliğe bağlıdır. Niteliklerin tam listesini DOM-2 spesifikasyonunda bulabilirsiniz.
Olay Yayılımını Durdurma
Olayları atamak ve olay dinleyicileri ile onları durdurmak, aynı zamanda iki sorunla ilgilenmeniz gerektiği anlamına gelir: birincisi, birçok olayın varsayılan eylemlere sahip olmasıdır, örneğin tıklama, tarayıcının bir bağlantıyı izlemesine veya bir form göndermesine neden olabilir.
Diğeri olay köpürmesi olarak adlandırılır ve temel olarak, bir öğede bir olay meydana geldiğinde, aynı zamanda ilk öğenin tüm üst öğelerinde de meydana geldiği anlamına gelir.
Web sitelerinizi, arama motorlarında en yukarı getirmek adına sizlere 3 adet paket öneriyoruz. Bu paketler sayesinde web siteleriniz aramalarda 1 yıl içerisinde en yukarıya tırmanacaktır.
1) Backlink Paketi 50 $ (Yıllık Ücret)
2) Hızlandırma Paketi 300 $ (Yıllık Ücret)
3) Kelime Yönlendirme Paketi 150 $ (Aylık Ücret)
