$('input[name="file_path"]').change(function(){ setImageFromFile(this, '#preview'); }); function setImageFromFile(input, expression) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(expression).attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } input file 에서 파일이 선택되면 onchange 가 동작 file 객체를 담아서 filereader 를 호출 및 이미지를 계산
[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) 태그에 자동완성 기능을 해제하는 autocomplete="off" 추가 autocomplete="off" = 자동완성을 금지한다. * 단, 크롬이나 사파리 등에서 나타나는 [구글/애플/삼성 계정에 이 계정 저장하기]를 통해 저장된 정보는 금지되지 않는다. 이 또한 금지시키려면 아래에 나오는 new-password 값을 사용
ul에 동적으로 li를 append 시키고 3초안에 각각의 li 태그를 .remove() 시킨다. .find() *배열에서 특정 값을 찾는 조건을 callback 함수를 통해 전달하여, 조건에 맞는 값 중 첫번째 값을 리턴 만약 배열에 조건을 만족하는 값이 없으면 undefined를 리턴 var ul = $(".divUl"); var li = $('새로운 Q&A가 등록되었습니다.'); ul.append(li); setTimeout(function(){ $(".ul").find(li).remove(); }, 3000);
keyup : 누른 키에서 손을 뗄 때 실행. $("#아이디명").keyup(function(e){ if(e.keyCode == 13){ // 호출할 함수나 기능 작성 } }); $("#아이디명").keyup(function(e){ if(e.which == 13){ // 호출할 함수나 기능 작성 } }); keydown : 키보드에 어떠한 키가 눌려도 실행 $("input[name=name명]").keydown(function(e) { if(e.keyCode == 13){ // 호출할 함수나 기능 작성 } }); $("input[name=name명]").keydown(function(e) { if(e.which == 13){ // 호출할 함수나 기능 작성 } }); Key Code Key Code Key..
input Box가 하나이고, 값을 입력 후 enter키를 누르면 submit이 돼버리는 현상이 생겼다. 이 문제를 해결하기 위한 방법 3가지를 적어보려고 한다. 1. input Box를 하나더 생성한다. style로 숨기기. 원래의 소스에 style display:none인 input을 추가해준다. * type은 text * display:none - 아예 사라지게 하는 것. 보이지도 않고 해당 공간도 존재하지 X visibility:hidden - 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재 2. keycode값을 판단해서 처리해준다. (추천) preventDefault : 브라우저 고유의 동작을 중단 stopPropagation : 부모 엘리먼트에게 이..
- Total
- Today
- Yesterday
- js라이브러리사용
- Oracle
- jsignature.min.js
- 트리구조jstree
- fullcalendar js
- 전자서명개발
- jxls 엑셀
- for in 주의
- js달력
- file drag drop
- for in문제
- https://www.jstree.com/
- 달력기능개발
- Swift
- Xcode
- spring annotation
- draganddrop file
- MSsql
- swift 메모장 만들기
- PostgreSQL
- ios app 개발
- js 전자서명
- js라이브러리
- jxls
- 전자서명기능구현
- mysql
- xcode12.5.1
- js file drag
- swift 계산기
- xcode swift memo
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |