Падзея input у JavaScript
Наступная падзея, якую мы з вамі вывучым,
называецца input
. Яна ўзнікае кожны
раз пры ўводзе новага сімвала ў інпут або
textarea
. Паглядзім на прыкладзе. Хай
у нас ёсць інпут:
<input id="elem">
Давайце пры кожным націсканні кнопкі на клавіятуры будзем выводзіць у кансоль бягучае змесціва інпута:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Дадзены інпут. Хай у яго ўводзіцца тэкст. Як
толькі даўжыня тэксту дасягне 5
-ці,
выведзіце на экран паведамленне пра гэта.
Дадзены інпут. Хай у яго дазволена ўвесці
5
сімвалаў. Дадзены таксама абзац. Па меры
ўводу сімвалаў у інпут пішыце, яшчэ колькі
сімвалаў можна ўвесці. Калі колькасць сімвалаў
перавысіць 5
-ці, то ў абзац выводзьце
тое, на колькі сімвалаў перавышана даўжыня тэксту.