Bu yazı, JavaScript'teki sekme anahtarını algılamanız için size rehberlik edecektir.
JavaScript'te Sekme Anahtarı Nasıl Tespit Edilir?
JavaScript'te sekme tuşunu algılamak için aşağıdaki teknikleri uygulayın:
- “ sorguSeçici() ' Yöntem
- “ getElementbyId() ' Yöntem
Bahsedilen yaklaşımlar tek tek gösterilecek!
Yöntem 1: Document.querySelector() Yöntemini Kullanarak JavaScript'te Sekme Anahtarını Algılama
“ Document.querySelector() ” yöntemi, bir CSS seçiciyle eşleşen ilk öğeye erişir ve ardından addEventListener() yöntemi, erişilen öğeye bir olay işleyicisi ekler. Bu yöntemler, giriş tipine erişmek ve değeri girildiğinde sekme tuşuna basılıp basılmadığını tespit etmek için uygulanabilir.
Sözdizimi
öğe. addEventListener ( Etkinlik , işlev , kullanımYakalama )
Verilen sözdiziminde, “ Etkinlik ” olay adını ifade eder, “ işlev ” olay meydana geldiğinde yürütülecek özel işlevdir ve “ kullanımYakalama ” isteğe bağlı argümandır.
belge. sorguSelector ( CSS seçicileri )Yukarıdaki sözdiziminde, ' CSS seçicileri ”, document.querySelector() yönteminde belirtilebilen bir veya daha fazla CSS seçicisine başvurur.
Belirtilen kavramı daha iyi anlamak için aşağıdaki örneği inceleyin.
Örnek
İlk olarak giriş tipini “olarak belirtin. Metin ” bir başlangıç yer tutucu değeri ve “ içinde bir başlık ile
< h2 > Sonuç < / h2 >
Ardından, “ Document.querySelector() ” sırasıyla belirtilen girdiye ve başlığa erişmek ve bunları “ adlı değişkenlerde saklamak için yöntem giriş ' ve ' sonuç ”:
girişe izin ver = belge. sorguSelector ( 'giriş' ) ;sonuç ver = belge. sorguSelector ( 'h2' ) ;
Şimdi, ' tuşa basmak addEventListener() yöntemini kullanarak giriş alanıyla ” olayı. Bu olay, “ sekme ” tuşu yardımı ile aşağıdaki koşul uygulanarak giriş alanında ” tuşuna basılır. iç metin ' Emlak:
giriş. addEventListener ( 'tuşa basmak' , ( ve ) => {eğer ( ve. anahtar === 'sekme' ) {
sonuç. iç metin = 'Sekme Tuşuna Basıldı' ;
} başka {
sonuç. iç metin = 'Sekme Tuşuna Basılmadı' ;
}
Bu durumda, kullanıcı sekme tuşuna bastığında, eklenen kişi gerçekleştirilen işlem hakkında bilgi verecektir:
Yöntem 2: Document.getElementbyId() Yöntemini Kullanarak JavaScript'te Sekme Anahtarını Algılama
“ belge.getElementById() ” yöntemi, kimliğine göre belirli bir HTML öğesine erişmek için kullanılabilir. Bu yöntem, giriş alanını almak ve sekme tuşu gibi belirli bir tuşa her basıldığında kullanıcıyı uyaracak bir olay eklemek için uygulanabilir.
Sözdizimi
belge. getElementById ( elementler )Verilen sözdiziminde, “ elementler ”, belirtilen bir öğenin kimliğini ifade eder.
Aşağıdaki örneği gözden geçirelim.
Örnek
Aşağıdaki örnekte, önceki yöntemde tartışıldığı gibi bir girdi türü ve bir yer tutucu değeri ekleyin:
Şimdi, “ kullanarak giriş alanı kimliğini getirin. belge.getElementById() ' yöntem.
let input= document.getElementById('tab');
Son olarak, “ adlı bir etkinlik ekleyin. tuşa basmak ” kullanıcıyı uyaracak olan addEventListener() yönteminde “ Sekme ” tuşuna basılır:
giriş. addEventListener ( 'tuşa basmak' , ( ve ) => {eğer ( ve. anahtar === 'sekme' ) {
Alarm ( 'Sekme Tuşuna Basıldı' ) ;
}
} ) ;
Çıktı
JavaScript'te sekme anahtarını algılamanın en basit yöntemlerini tartıştık.
Çözüm
JavaScript'te sekme anahtarını algılamak için “ addEventListener() ' ile ' Document.querySelector() ” giriş türünü alma ve belirtilen anahtarı veya “ getElementbyId() ” kimliğine göre giriş alanını getirme ve eklenen koşul karşılandığında kullanıcıyı bilgilendirme yöntemi. Bu blog, JavaScript'te sekme anahtarını algılama konusunda rehberlik etti.