blog

1. html 2. js $(function(){ $('#userPw').keyup(function(){ $('#chkNotice').html(''); }); $('#userPwChk').keyup(function(){ if($('#userPw').val() != $('#userPwChk').val()){ $('#chkNotice').html('비밀번호 일치하지 않음 '); $('#chkNotice').attr('color', '#f82a2aa3'); } else{ $('#chkNotice').html('비밀번호 일치함 '); $('#chkNotice').attr('color', '#199894b3'); } }); }); [예시] 비밀번호를 입력해주세요.

1. canvas를 사용하여 이미지에 다중 박스 표시하기 이미지 원본 Your browswer does not support HTML5 canvas var faceInfo = { imgUrl : '해당 이미지 url', faceLoc : [{ x : 85, y : 30, w : 80, h : 80, color : 'yellow', personNm : '인물 A' }, { x : 220, y : 45, w : 60, h : 70, color : 'yellow', personNm : '인물 B' }, { x : 160, y : 110, w : 58, h : 60, color : 'yellow', personNm : '인물 C' }] } // set Canvas setCanvas(faceInfo); /** *..

1) 키코드 이용 // 키보드 핫키 function keyUp(e) { if (e.keyCode == 38 || e.keyCode == 37) { // 이전 (←, ↑) prevImage(); // your event return false; } if (e.keyCode == 39 || e.keyCode == 40) { // 다음 (→, ↓) nextImage(); // your event return false; } } // register the handler document.addEventListener('keyup', keyUp, false); 키코드 참조 : https://blog.outsider.ne.kr/322 2) hotkeys.js 플러그인 사용 1. hotkeys.js 다운로드 http..