93. 싶다면?
ul
li 빨강 /li
li 주황 /li
li 노랑 /li
li 초록 /li
li 파랑 /li
li 남색 /li
li 보라 /li
/ul
li1.addEventListener(‘click’,function(){...}, false);
li2.addEventListener(‘click’,function(){...}, false);
li3.addEventListener(‘click’,function(){...}, false);
li4.addEventListener(‘click’,function(){...}, false);
li5.addEventListener(‘click’,function(){...}, false);
li6.addEventListener(‘click’,function(){...}, false);
li7.addEventListener(‘click’,function(){...}, false);
http://jsbin.com/
ElEgoSU/4/edit
94. ul
li 빨강 /li
li 주황 /li
li 노랑 /li
li 초록 /li
li 파랑 /li
li 남색 /li
li 보라 /li
/ul
li1.addEventListener(‘click’,function(){...}, false);
li2.addEventListener(‘click’,function(){...}, false);
li3.addEventListener(‘click’,function(){...}, false);
li4.addEventListener(‘click’,function(){...}, false);
li5.addEventListener(‘click’,function(){...}, false);
li6.addEventListener(‘click’,function(){...}, false);
li7.addEventListener(‘click’,function(){...}, false);
너무
271. div id= ‘wrap’
/div
!
var wrapDiv = document.getElementById('wrap');
var divEle = document.createElement('p');
divEle.id = 'p1';
wrapDiv.appendChild(divEle);
!
div
339. 터치 이벤트 설명
• 모든 터치 이벤트에는 touches, changedTouches,
tagetTouches의 속성이 있다.
• 각 속성에은 [TouchList] 타입이다.
• TouchList는 [Touch]로 구성된 List이다.
• Touch는 아래와 같은 구조로 되어 있다.
345. 기본적으로 알고 있어야 할 이슈
• iOS는 스크롤 이벤트에서 돔을 수정하면 바로 반영되지 않
는다.
• 안드로이드는 touchmove에서 스크롤되면 touchcancel
이벤트가 발생후 touch이벤트(move,end)가 발생 안한다
• touchmove에서 e.preventDefault()을 사용하면 scroll
을 막을 수 있다.
• android의 경우 touches와 targetTouches와 같다.