자바스크립트 addEventListener 관련 질문 드립니다.
초록이
안녕하세요.
현재 자바스크립트를 공부하며 슬라이더를 만들어보고 있는 와중에 궁금한게 있어 질문을 드립니다.
첨부된 파일의 압축을 풀어 보시면 있는 zen.html 이라는 파일이 그건데요..
querySelector 를 사용해 해당 객체에 이벤트를 할당(?) 해주고 있습니다.
동작은 하긴 합니다만... 한가지 궁금한게 있어서 질문을 드립니다.
현재 zen.html 파일은 빨간색이나 파란색 버튼을 누르고 좌우로 슬라이드가 가능합니다.
하지만 해당 범위를 벗어나면 더이상 동작을 안하는 문제가 있습니다.
현재 제가 원하는 모습은 같은 폴더 내부의 index.html 과 같은 모습을 원하고 있습니다.
이 화면에서는 마우스를 빨리 움직여도.. 마우스가 브라우저를 벗어나도 계속 이벤트가 걸려있는 모습입니다.
zen.html의 자바스크립트 부분에서 (body).addEventListener(mouseup, .... ) 부분 때문인거 같은데..
말을 두서 없이 적은거 같은데 ..어떻게 처리를 해야하는지 방법을 알려주시면 감사하겠습니다.
-
이송이
아.. 얼결에 해결된 것 같습니다 ;;
클릭됐을때 event.target을 따로 지정 해주고 move, up이벤트를 할당해주니 되네요 ..
조언 감사합니다 ^^ -
키클
if(sObj.flag){
\te.target.style.left = e.pageX-6 + \px\;
}
이게 move안에 있는 녀석인데요 .. down 되면 sObj.flag 가 true, up되면 false가 되게 해놨는데 ... 해당 영역을 벗어나면 더이상 move가 안되서요 ... 처음 클릭된 위치를 마우스가 벗어나더라도 .. 버튼을 누르고 있는 상태면 계속 동작 되게끔 하고싶은데... 어떻게 해야될지 모르겠습니다... -
혜윤
move중에 조건을 걸어서 그 조건식을 벗어나게되면 move이벤트를 동작안하는거죠.
-
딥자두
음... move, up을 따로 두지 말고 move안에서 up이벤트를 추가하라는 말씀이신가요 ?
-
하린
무브에서 이벤트대상이 어느시점에 뗄지 확인해보시고 따면 될꺼같은데