IT/JS 검색 결과
3 개의 검색 결과가 있습니다.
IT/JS

[JS] 모바일 다음버튼 이벤트 먹지 않을 때 해결 방법

반응형 웹을 적용하면서 input 태그에 keydown 이벤트를 사용했는데 정상적으로 작동을 하지 않았다.이번 글은 모바일 다음버튼 이벤트 먹지 않을 때 해결 방법에 대해 기록한다.모바일 다음버튼 이벤트 먹지 않을 때 해결 방법1. 문제아래와 같이, input 태그에 onkeydown을 설정하여 이벤트를 적용하려고 했다. 근데, onkeydown 이벤트가 정상적으로 작동하지 않았고, 혹시나 키패드의 저 다음 버튼이 다른 이벤트 코드를 가지고 있나 해서 alert까지 찍어봤는데도 이벤트는 먹질 않았다. 2. 해결방법이 문제를 해결하는 방법은 input 태그의 inputMode를 search로 주는 것이다.아래와 같이, input 태그 안에 inputmode를 search로 주게 되면 [다음] 버튼이 엔터..

2026. 4. 8.
IT/JS

[JavaScript] 자바스크립트(JavaScript) onChange 이벤트 사용 방법

HTML에서 input 태그 안에 있는 내용이 변경된 경우에 이벤트를 설정하고 싶을 때, onChange를 통해 이벤트를 감지하여 이벤트를 적용한다. 이번 글은 자바스크립트에서 onChange 이벤트 사용 방법에 대해 기록한다.자바스크립트(JavaScript) onChange 이벤트 사용 방법자바스크립트에서 onChange에 대한 적용은 정말 간단하다. 1. onChange 함수먼저, HTML 코드에서 아래와 같이 input 태그에 onChange 속성을 넣어준다.onChange가 발생할 경우에는 changeText()라는 함수를 타서 이벤트를 먹일 것이다.  2. chageText()스크립트 단에서 아래와 같이 function을 정의하여 이벤트에 대한 로직을 짜면 된다.function chageACLO..

2025. 1. 7.
IT/JS

[JS] 크기 변화 감지하는 window.addEventListener("resize")

JS에서 크기 변화 이벤트를 감지하는 방법은 window.addEventListener("resize", function)을 사용하면 된다. 이번 글에서는 window.addEventListener를 사용하는 방법에 대해 기록한다. 목차 1. resize 이벤트 1. resize 이벤트 resize의 이벤트는 브라우저의 크기를 조절할 때 감지하는 이벤트다. vue 자체적으로는 resize를 할 수가 없어서 DOM에 mount가 될 때 resize 이벤트를 감지하여 브라우저의 Width와 Height를 가져 온다. window.addEventListener("resize", function() { // resize 감지 시의 로직 }) 아래와 같이, mounted 단계일 때 window.addEventLi..

2023. 10. 13.