[jQuery 6장] 특정 텍스트 태그에 포커스를 줘보고 키보드의 키를 눌렀을때의 이벤트 값을 확인해보자으~

프로젝트 진행중이라 많이 올려봐야 한두개네요;;

 

빨리빨리 글을 등록하고 싶지만... 바쁘다는 핑계로... ㅈㅅ;;

 

오늘 이벤트의 예제순서는~ 

1. 버튼을 클릭

2. 두번째 태그에 포커스 주기

3. 포커스가 주어진 상태에서 키보드의 이벤트 코드를 크롬(콘솔)에 찍어 볼것이다.

 

이번에도 소스 + 결과 화면부터 보고 가시죠..

 

 아 전달 못드린게 있었는데 연습만이 살길입니다!

이해 못하신다? 그럼 무한 반복~ 제가 해드릴수있는거는 답은 못드리지만 길은 드릴려고 하는 것입니다!

 

자 그럼 소스를 설명하자면~

위 -> 아래 -> onload 였죠?

html 소스를 화면에 뿌려줍니다.

onload로 가면~

id가 button인 놈에게 클릭이벤트를 줬네요? 주면 뭐가 반응 하게 되있나... 보자...

id가 txt2인놈에게 forcus() <---??? 모지? 포커스... 정확히 뭐하는 놈인지 모르니 패스~

그다음은

id가 txt2인 놈에게 keypress 이벤트 줬네요? 암튼 이벤트 동작하면 실행되는놈은

console.log e.which 아 어려워~~

 

샘플이나 실행해봐야 겄다

 

 

 

캡처에는 나오지 않지만 버튼 클릭해서 두번째 텍스트 태그에 깜빡깜빡 가게 되어있는 상태입니다.

 

 

그리고 깜빡이는 태그상태에서 123456을 입력하니까

크롬 console에 코드번호 : 숫자값

이렇게 나왔습니다.

 

소스랑 대입하면 아하~ 이해 가실듯...

 

button click 이벤트내에 기술되어있는 소스는

버튼 클릭하면 txt2 아이디 태그에 포커스를 주는 거고..

 

keypress 태그는

키보드 이벤트를 받는 거였군요!!!

 

이해 가셨나요? 이해 못하셨다면 연습연습!!

 

이벤트는 대략 적으로 여기에서 마무리 하고요 나머지 이벤트들이 많긴할텐데 다른 동작들이랑 연동하면서 사용할 예정입니다~

다른 이벤트들이 필요하신 분들이 계시다면

전에 알려드린

http://api.jquery.com/category/events/ 

jquery 이벤트 문서를 보시면서 공부하시길~

 

끝.

 

도움이 되셨다면 손가락↓ 클릭! 궁금하신점은 댓글!!