blob: 493c78f993d7e29d63c2477a6743bdf4b36ce95a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
$$plugins.define('textarea', function (element, options) {
const textarea = element.querySelector('textarea');
//style focus
textarea.addEventListener('focus', (event) => {
textarea.closest(".textarea").classList.add("focus");
});
textarea.addEventListener('blur', (event) => {
textarea.closest(".textarea").classList.remove("focus");
});
//characters count
textarea.addEventListener("input", event => {
const target = event.currentTarget;
const maxLength = target.getAttribute("maxlength");
const currentLength = target.value.length;
const currentLengthText = document.getElementsByClassName("textarea__remaining")[0];
currentLengthText.innerHTML = currentLength;
if (currentLength >= maxLength) {
return;
}
});
});
|
