JQuery8 제이쿼리 요소밖 영역 클릭시 창 닫기 모달의 바깥 영역을 클릭할 시 창이 닫이는 이벤트 https://m.blog.naver.com/PostView.nhn?blogId=nemesis5198&logNo=221380180121&proxyReferer=https:%2F%2Fwww.google.com%2F jquery 요소밖 영역 클릭시 창이 닫히는 이벤트 윈도우 창 아무곳이나 눌러도 창이 닫히는 이벤트를 일전에 블로깅했습니다.http://nemesis5198.blog.me/22... blog.naver.com 2020. 8. 17. HTML 유효성 검사 1. [자바스크립트] input 창에서 핸드폰 번호 자동으로 하이픈 입력하기 기본적으로 회원가입 폼을 만들때나 고객정보를 받기위해 폼을 만들때 핸드폰 번호를 입력하는란을 만들때가 있습니다. 보통은 select 박스로 010,011,017 등을 선택하게 만들고 input 박스 2개를 만들어서 나머지 번호를 받도록 만드는게 일반적이긴 합니다. 하지만 CSS를 브라우저별로 맞춰야 하고 간격유지와 반응형으로 제작시 CSS를 넣기가 만만치 않습니다. 그래서 input 창에 숫자를 입력하면 자동으로 하이픈이 들어갈수 있도록 스크립트로 처리를 하니 CSS를 따로 만들필요가 없어서 편했습니다. HTML 부분 JS부분 $('.phone').keydown(function(event) { var key = event.cha.. 2020. 8. 17. JQuery 현재 URL, 경로 가져오는 방법 javascript window.location.host #returns host window.location.hostname #returns hostname window.location.pathname #return pathname window.location.href #returns full current url window.location.port #returns the port window.location.protocol #returns the protocol jQuery $(location).attr('host'); #returns host $(location).attr('hostname'); #returns hostname $(location).attr('pathname'); #returns .. 2020. 6. 20. [JQuery & JavaScript] input에 숫자만 입력가능하도록 설정 jQuery를 사용하여 numberOnly라는 attribute로 선언된 텍스트필드에 숫자만 입력할 수 있도록 만들어보겠습니다. 사실 숫자만 입력 가능하도록 하는 예제는 인터넷상에 굉장히 많이 존재합니다. 아마 대부분의 예제를 다음과 같이 되어있을 것입니다. $("input:text[numberOnly]").on("keyup", function() { $(this).val($(this).val().replace(/[^0-9]/g,"")); }); keyup 이벤트와 정규식을 이용하여 숫자를 제외한 나머지 문자를 공백으로 처리하는 방법이죠. 이 글에서는 제시하는 방법은 위 예제에서 문제점을 보완한 방법입니다. 먼저 첫 번째 문제점은 숫자 단위로 3자리마다 콤마(,)가 없어 숫자를 해석하는 데 있어 가동성이.. 2020. 2. 12. 이전 1 2 다음