프로그래밍/jQuery & javaScript14 [jQuery] 키보드 스크롤 막기 키보드에서 ↑ ↓ ← → 를 누르면 스크롤 막는게 필요하여 찾아보았더니 body에 overflow를 hidden, height를 100%로 주고 body이벤트로 이벤트를 취소하는 스크립트를 만들라고 나와있엇다. 나는 정상적으로 동작하지 않았고 필요한 기능은 방향키를 눌렀을 때 스크롤이 되지 않도록 하는 기능이였다. 방향키 스크롤을 막는 방법은 간단하다. $(document).keydown(function(event){ if(event.keyCode == 38 || event.keyCode == 40 || event.keyCode == 37 || event.keyCode == 39){ console.log(event); event.preventDefault(); } }); 위와 같이 키보드를 눌렀을 때 k.. 2022. 4. 13. [jQuery] Checkbox 컨트롤 (체크, 체크여부, 전체체크 등) 1. CheckBox 체크 $('#ckBox').prop('checked',true); $('input:checkbox[name="네임"]').prop('checked',true); 첫 번째 라인과 같이 체크박스의 id를 지정해서 체크하여도 되고, 두 번째 라인과 같이 name, id 등을 선택하여 체크할 수 있다. true로 설정하면 체크가 되고, false로 설정하면 체크가 해제 된다. 2. CheckBox 체크여부 확인 $('#ckBox').is(':checked'); .is(':checked') 를 이용하여 체크되어 있는지 아닌지를 알 수 있다. (true : 체크되어 있음, false : 체크되어 있지 않음) 3. CheckBox 전체 체크 전체 테스트1 테스트2 테스트3 위와 같은 checkb.. 2020. 1. 23. eval 함수 - 문자열을 소스 코드로 eval 함수는 문자열을 입력받아 자바스크립트 코드로 실행해주는 함수다. 보안상의 문제로 사용이 권장되지는 않는 함수지만, 상황에 따라 유용하게 쓸 수 있는 함수다. eval('console.log("test")'); 위와 같이 eval함수에 문자열을 넣으면 문자열이 실행된다. 중간에 변수의 값을 추가로 넣어야 한다면 다음과 같이 사용하면 된다. var str='test'; eval('console.log(str)'); 내가 처음에 eval함수를 알게 된것은 json을 잘못 만들어서 사용했었지만, 상황에 따라 정말 유용하게 쓸 수 있는 함수인것 같다. 2019. 11. 13. [jQuery] 동적 태그에 이벤트 등록 기존에 만들어진 태그에는 $('#id').click으로 이벤트를 달아주면 됐었지만, 동적으로 만들어진 태그에는 이벤트가 달리지 않는다 .. 동적으로 만들어진 태그에 이벤트를 달기 위해서는 아래와 같이 이벤트를 등록해 주어야 한다. $(document).on('click','#id',function(){ }); 첫 번째 파라미터에는 등록할 이벤트(click, blur, change 등 ..) 두 번째 파라미터에는 등록할 타겟 (id, tag, css 등) 세 번째는 함수를 입력해 주면 된다. 2019. 10. 28. 이전 1 2 3 4 다음