JavaScript-de tekst meýdanlarynyň fokusy
Bizde bir input bolsun. Siz bu inputy basyp bilersiňiz we onuň içinde bir çyzyk-ýyldyrym görüner we ol üçin teksti girizip bilersiňiz.
Bu ýagdaýa input şu wagt giriş fokusyna eýe diýilýär. Amalyýetda bu, klawiaturanıň ýardamyda tekst girmek başlansa, bu tekstin şu wagt giriş fokusyna eýe bolan inputa girjekdigini aňladýar. Eger inputdan daşyndaky ýere basylan bolsa, onda bu input giriş fokusyny ýitirer we onuň üçin tekst girizip bolmaz.
Input tarapyndan fokus alynyşyny ýa-da ýitirilişini tutmak
üçin JavaScript-da ýörite wakalar görlen: focus
wakasy inputyň fokus alyşyny tutmaga mümkinçilik berýär,
blur wakasy bolsa ýitirilişini.
Geliň amalyýetda synap göreliň. Bizde input bolsun:
<input id="elem" value="text">
Onuň çykgydyny üýtgeýjä alyň:
let elem = document.querySelector('#elem');
Indi şeýle edeliň, fokus alynanda konsolde inputyň häzirki tekstini çykarsyn:
elem.addEventListener('focus', function() {
console.log(elem.value);
});
Bir input berlen. Fokus alynanda,
ona 1 sanyny ýazyň, fokus ýitirilende bolsa
2 sanyny ýazyň.
Bir input berlen. Ona bir san girizilsin. Fokus ýitirilende, ekrana şol sanyň kwadratyny çykaryň.
Başda käbir teksti bolan bir input berlen. Input tarapyndan fokus alynanda, inputyň mazmunyny arassalaň.
