반응형 자바스크립트3 [Javascript] input 태그에서 oninput으로 숫자만 입력받기 (정규표현식) (from IE to Chrome) input 태그에서 oninput으로 숫자만 입력받기 (정규표현식) (from IE to Chrome) 문제 코드 function filterKey(filter) { var key = String.fromCharCode(event.keyCode); var reg = new RegExp(filter); if(!reg.test(key)) event.returnValue = false; } ime-mode로 한글입력을 방지하고 filterKey 함수로 숫자만 입력하다록 제한을 두고 있다 그러나 복사 붙여넣기는 여전히 가능하다 ime-mode는 ie를 제외하고 Edge(79 version 까지는 동작) Chrome, Safari등 브라우저에서 deprecated 및 지원되지 않는다 해결코드 IE9 이상 버전부터.. 2020. 12. 31. [Javascript][IE] 실시간 글자수(텍스트 입력 수) 감지하는 함수 [Javascript][IE][jQuery] 글자수(텍스트 입력 수) 실시간 감지하는 함수 Vue.js로 데이터 바인딩을 했다면 실시간으로 텍스트 감지 하는 것이 쉬웠을 것이다. 하지만 현재 진행하는 프로젝트가 IE 환경이기 때문에 jQuery로 input value를 실시간 감지할 수 있도록 구현하였다. 참고로 getByteLengthText 함수는 글자수를 2000byte로 제한하는 함수이다. $(“#”).on(‘propertychange change keyup paste input’, function() { getByteLengthText(this, 2000) } 2020. 11. 13. [Javascript] 자바스크립트 기본 정리 JavaScript 브라우저 내에서 실행되는 프로그램을 개발할 수 있는 프로그래밍언어다. java와 문법적 유사성이 많아서 쉽게 배울 수 있다. 인터프리터(Interpret) 프로그래밍 언어다. (컴파일 과정없이 소스가 실행파일로 사용된다.) javaScript로 할 수 있는 일 html 컨텐츠를 변경할 수 있다. *브라우저를 통해서 현재 보고 있는 웹 페이지를 변경할 수 있다. HTML태그의 속성을 변경할 수 있다. HTML 컨텐츠의 스타일을 변경할 수 있다. *CSS 변경할 수 있다. 사용자와 상호작용하는 프로그램을 작성할 수 있다. 이벤트모델을 활용한다. 브라우저의 도움없이 서버와 데이터통신을 할 수 있다. AJAX기술을 활용한다. JavaScript의 특징 스크립트 언어(인터프리트(interpre.. 2020. 11. 8. 이전 1 다음 반응형
