- jQuery
- css3 셀렉터
- ecmascript method
- dom event
- 배열 메소드
- express 서버
- 관계형 데이터 베이스
- database 개념
- body-parser
- findindex
- IIS 서버
- 컨텐츠 중간 위치
- javascript
- javascript 이론
- ajax
- CSS
- unobtrusive javascript
- 미들웨어
- ecma6
- requirejs
- css3 selector
- array method
- Git
- 마임타입
- mysql
- nodejs
- ecma script
- 겸손한 자바스크립트
- displaytable
- supervisor
목록dom event (3)
Martin`s Work
1. newURL, oldURL URL의 뒤에 hash가 바뀔 때 해당 이벤트가 발생하며, newURL은 바뀐 새로운 URL을, oldURL은 바뀌기 전의 URL을 반환한다. 해당 프로퍼티는 onhashchange와 같이 쓰며, 단점으로는 IE에서는 지원하지 않는다. 12345678 버튼 var btn = document.getElementById("btn"); document.body.onhashchange= function(){ console.log("바뀐 URL은 " + event.newURL + ", 바뀌기 전의 URL은 " + event.oldURL); } Colored by Color Scriptercs
1. altKey, shiftKey, ctrlKey, metaKey 이벤트가 발생될때, 해당 키(alt, shift, ctrl, meta) 키가 눌렸는지 여부를 알 수 있다. button 프로퍼티와 다른점은 이 프로퍼티는 모든 타입의 마우스 이벤트에 대해 유효하다.(*Meta 키란? 윈도우 기준으로 윈도우 심볼이 박혀있는 키이다. 정확한 기능 및 의미는 모른다.) 1234567891011121314 var txt = document.getElementById("txt") txt.onkeydown = function(event){ if(event.altKey){ alert("알트키가 눌렸습니다.") } else if(event.ctrlKey){ alert("컨트롤키가 눌렸습니다.") } else if(ev..
1. bubbles 개념 : 해당 이벤트가 문서 트리를 따라 올라가 bubbling 효과가 나타나는지에 대한 Boolean 값으로 반환( stopPropagtion() 과 연관 ) 1234567버튼 function func(event){ console.log(event.bubbles) }Colored by Color Scriptercs 위의 소스대로 실행할 경우, a 버튼을 누를 경우는 true 값을, input 에서 포커스가 나갈때의 경우에는 false가 나온다. 2. cancelable 개념: 해당 Dom에 바인딩 되어있는 기본 이벤트가 preventDefault()로 취소가능한지 여부를 Boolean값으로 반환 1234567버튼 function func(event){ console.log(event..