선택자 속성
// javascript
$("input[name='이름']")
// jQuery
$("input:타입"[name='이름']")
$("input:radio"[name='이름']")
$("input:checkbox"[name='이름']")Each 와 ForEach
-
forEach의 파라미터 순서
(elmt, index, array) -
each 의 파라미터 순서
(index, elmt)
Each
- element 태그를 가리키는 경우 ( 노드 리스트 )
ForEach
- 태그가 아닌 데이터를 가리키는 경우
Each
- jQuery 에서는 forEach 뿐만 아니라 Each 도 사용 가능
$("선택자").each(function(index,elmt){
...
}Each 문의 특징
- Each 문 내에서는 return false 가 마치 for 문의 ' break ' 처럼 사용
- Each 문 내에서는 return true 가 마치 for 문의 ' continue ' 처럼 사용
- $(this) 와 $(elmt) 는 동일한 엘리먼트를 가리킨다.
체크박스 선택 유무 파악
Prop
- $(라디오 또는 체크박스 선택자).prop("checked")
- 선택을 했으면 true, 하지 않으면 false
$(elmt).prop("checked")Is
- $(라디오 또는 체크박스 선택자).is(":checked")
- 선택을 했으면 true, 하지 않으면 false
$(elmt).is(":checked")금지 시키기
- HTML 문서에 html 에 적용
<html ~~ >마우스 우클릭 금지
- oncontextmenu = "return false"
드래그 금지
- ondragstart = "return false"
선택복사 금지
- onselectstart = "return false"
-> 드래그 금지와 선택복사 금지는 같이 사용해야 한다.
키보드 입력 금지
HTML
<html onkeydown="return keydowncheck(event)">- F5 와 F12 금지시키기
완전히 막을 수는 없다.
JS
function keydownCheck(event){
let result = ture;
let keycode = event.keyCode;
if(keycode == 116){
alert("F5 는 사용불가 합니다.");
result = false;
}
if(keycode == 123){
alert("F12 는 사용불가 합니다.");
result = false;
}
return result;
} // end of function keydownCheck(event)------------------Event
- bind 호출 방법
$("선택자").bind('이벤트',function(){
...
}- bind 가 아닌 방법
$("선택자").이벤트(function(e){
...
}참고
- keycode : https://velog.io/@jjoung-2j/Javascript-%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%9D%B4%EB%8F%99-KeyCode-URI
정리
-
01_eventHandling -> chap03_show_hide_toggle_val
-> 04_each_radio_checked.html, 04.js, 04.css, 05_each_checkbox_checked.html, 05.js, 05.css -
01_eventHandling -> util -> myutil.js
