728x90
// key와 value값이 있는 배열을 선언합니다.
const keyValueArray = [
{ key: 'apple', value: '사과' },
{ key: 'banana', value: '바나나' },
{ key: 'orange', value: '오렌지' },
// ...
];
// textarea 엘리먼트를 선택합니다.
const $textarea = $('textarea');
// textarea에 입력된 값을 감지하는 이벤트 리스너를 등록합니다.
$textarea.on('input', function() {
let inputValue = $textarea.val(); // 입력된 값
for (const keyValue of keyValueArray) {
const regex = new RegExp(keyValue.key, 'gi'); // 정규식 패턴 생성
inputValue = inputValue.replace(regex, keyValue.value); // key값과 일치하는 문자열을 value값으로 변경
}
$textarea.val(inputValue); // 변경된 값을 textarea에 적용
});
참고 : https://choi-hyunho.tistory.com/175
728x90
'STUDY > jQuery' 카테고리의 다른 글
[jQuery] 선택 요소의 좌표 .offset() (0) | 2023.09.15 |
---|---|
[jQuery] dataType과 contentType 차이점 (422 에러 발생원인) (0) | 2023.09.04 |
[jQuery] .html 개행 \n 적용 <br> (0) | 2023.04.26 |
[jQuery] function(e) 의미 (0) | 2023.04.03 |
[AMCHARTS] input값을 받아 차트 데이터 추가 생성 (0) | 2023.03.24 |