반응형 프로그래밍/자바스크립트6 [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. [Jsp][javascript] 자바스크립트와 JSTL의 혼용법 자바스크립트와 JSTL의 혼용법 서버 작동 순서 Java > jsp > html > javascript 스크립트 문에서는 jstl을 사용할 수 있으나 그 반대의 경우는 되지 않는다. 작동하지 않는 예 수행문 작동 예 순서에 유의하면서 사용해야 한다. 2020. 11. 13. [Javascript] [Vue] 뷰 인스턴스 뷰 인스턴스 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위 new Vue { } 라이프 사이클 created 서버에 데이터를 요청하여 받아오는 로직을 수행하기 좋다 beforeMount render() 함수가 호출되기 직전의 로직을 추가하기에 좋다. mounted template 속성에 정의한 돔에 접근할 수 있어 화면요소 제어로직 수행하기 좋다. beforeUpdate updated 데이터 변경후 수행작업 beforeDestory 인스턴스 파괴직전이다. 인스턴스의 데이터를 삭제하기 좋은 단계다 2020. 11. 13. [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. SCRIPT5: Access is denied in (엑세스가 거부 되었습니다) 해결방법 [javascript][IE] SCRIPT5: Access is denied in IE (엑세스가 거부 되었습니다) 해결방법 SCRIPT5: Access is denied (엑세스가 거부 되었습니다) 다른 크롬,파이어폭스 같은 브라우저에서는 정상적으로 동작하며 문법도 레거시하게 작성하였음에도 불구하고 개발자도구를 키면 스크립트가 에러가 난 것을 확인했다. IE에서는 window.open() 으로 새창을 띄우는 것과 form을 제출하는 것을 동시에 처리하지 못한다 (보안상?) 아래와 같이 해결하였다. Window.open(‘’) 공백 문제 인터넷 익스플로러 낮은 버전에서 scirpt5 접근 제한 에러가난다 팝업창 호출과, form의 submit이 동시에 일어나면서 생긴 문제 해결방법 해결방법 호출과 액션의.. 2020. 11. 10. [Javascript] 자바스크립트 기본 정리 JavaScript 브라우저 내에서 실행되는 프로그램을 개발할 수 있는 프로그래밍언어다. java와 문법적 유사성이 많아서 쉽게 배울 수 있다. 인터프리터(Interpret) 프로그래밍 언어다. (컴파일 과정없이 소스가 실행파일로 사용된다.) javaScript로 할 수 있는 일 html 컨텐츠를 변경할 수 있다. *브라우저를 통해서 현재 보고 있는 웹 페이지를 변경할 수 있다. HTML태그의 속성을 변경할 수 있다. HTML 컨텐츠의 스타일을 변경할 수 있다. *CSS 변경할 수 있다. 사용자와 상호작용하는 프로그램을 작성할 수 있다. 이벤트모델을 활용한다. 브라우저의 도움없이 서버와 데이터통신을 할 수 있다. AJAX기술을 활용한다. JavaScript의 특징 스크립트 언어(인터프리트(interpre.. 2020. 11. 8. 이전 1 다음 반응형
