2026, 새로운 도약을 시작합니다.

아래 예제에서 focus() 메서드 있고 없고의 차이가 뭘까요? 채택완료

(파란색코드 없어도 결과가 동일해 보임)

결과만 봐선 차이를 전혀 못 느끼는데.....

영어로 앞으로 보낸다고 써있긴 한데,,,정확히 이 말의 의미가 뭔지 모르겠습니다.

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_focus

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

http://jsfiddle.net/d26zC/5/

 

여기를 보시면 될듯 합니다 .

 

포커스 를 준다는것 자체가 브라우져를 선택된 상태로 두게 해준다라는 의미이기 때문에 

 

위 예제처럼 팝업을 2개 띄운상태에서 focus 를 번갈아 주면 

창이 2개 떠있는 상태에서 각각의 포커스가 이동하는것을 확인하실수 있습니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

서...서....설마, 저 이해시키시려고 이 코드를 다 짜신 건 아니시죠? ^^;
덕분에 이해가 되었습니다. 감사합니니다. ( ^ _______ ~ ) ===b

댓글을 작성하려면 로그인이 필요합니다.

새창을 띄우고 해당 창에 focus 를 준다는 의미입니다.

A사이트(부모창) 에서 새창열기를 클릭해서 B를 window.open 으로 띄우면 B가 A위에 올라오게 됩니다

그상태에서 A사이트를 선택(클릭) 하면 B팝업이 뒤로 숨게 되죠

 

위 상황에서는 새창 열기를 클릭해도 B가 A사이트 위로 올라오지 않게됩니다

 

이때 focus 를 사용하면 새창 열기를 누를때마다 B팝업이 A위로 올라오게 됩니다(focus)

 

https://www.w3schools.com/jsref/met_win_focus.asp

 

참고해보시기 바랍니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

길게 답변을 주셨는데....그래도 잘 모르겠습니다. ^^;;;

1. blur() 메서드까지 사용한 경우,
2. focus() 메서드까지 사용한 경우
3. 둘 다 없이 사용한 경우

셋 다 결과가 똑같아 보여용. ^^;;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고