웹 문서의 포커스 여부를 묻는 자바스크립트 태그
홈피 가운데 박아 둔 만년 달력이 자정이 지나면 저절로 날짜를 바꾸어야 하는데 바꾸지 못해 주변에 단 시계 스크립트를 통해서 바꾸곤 했었습니다.
그러나 그것도 홈피에 포커스가 있을 때나 통했지, 포커스가 사라지면 무용지물이었거든요.
그 문제를 해결해보고자 아주 오래전부터 웹 사이트 검색해서 'hasFocus()'라는 태그를 찾긴 찾았지요.
그랬긴 했어도 그걸 포커스가 없는 시계의 자정과 연계하여 뭔가를 뽑아내려니 아무리 해도 안 되는 겁니다.
그럼으로써 여태는 포커스가 있는 상태에서나 달력 문서를 다시 열게끔 해서 겨우 날짜 부분을 정상으로 돌리는 데 그쳤어요.
허허^^^ 그랬었는데, 요 며칠 다른 일로 들여다본 하드디스크에 'hsFocus.htm'이라는 이름으로 웬 문서가 있다는 걸 무심코 알았습니다.
그래서 놈이 뭔지 언젠가는 한번 들여다보겠다는 생각이었거든요.
드디어 오늘 짬이 나서 들여다보네요.
흐흐^^ 이제야 개가 뭔지 알겠습니다.
바로 그 포커스가 사라졌을 때 브라우저에서 취할 수 있는 동작을 담아둔 문서였네요.
이 문서를 브라우저에 열어놓고 보면서 불현듯 뇌리에 확 스치는·박히는 것이 있었습니다.
- 자정이 무슨 상관이야! 아무 때나 문서 빠져나갔다가(포커스 잃었을 때) 들어오면(포커스 얻음) 무조건 달력 문서를 열게끔 하면 되지!!! -
이 착안^^^ 정말이지 너무나도 가볍고 간단한 거였는데 왜 여태는 그 생각을 못 했는지 모르겠습니다.
즉시 홈피 문서를 편집해서 그렇게 했답니다.
대번에 그게 통합니다. 야호^^^!!!~~~
----------------------------------------------------------------------------------------------
아래는 'hasFocus()'가 든 웹 문서(hsFocus.htm') 소스입니다.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<Meta http-equiv="Content-Type" content="text/html;charset=euc-kr">
<Meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<TITLE>TEST</TITLE>
<STYLE>
BODY{background:#000;padding:150px 0 0 0;}
P{font-family:바탕체;font-size:10pt;text-align:center;font-weight:bold;color:white;}
</STYLE>
<SCRIPT>
setInterval(CPF, 200);
function NF(){alert('\n\n오래도록 긴긴날을\n\n보고 싶었던 그 사람이\n\n정말 / 정말 그립습니다.');}
function CPF(){if(document.hasFocus()){'';}else{NF();}}
</SCRIPT>
</HEAD>
<BODY Oncontextmenu="location.reload();return false;">
<P>문서의 포커스 여부를 시험하는 문서입니다.</P></BR></BR>
<P>포커스 있을 땐 일절 반응하지 않게끔 했고,</BR>반대로 포커스가 없을 땐 어떤 메시지가 뜨게끔 짰어요.</P>
<P>그러니 그걸 확인하려면 이 페이지에서 나갔다(Focus No)가<BR>들어와(Focus Yes) 보면 뭐가 떴는지를 알겠지요!</P>
</BODY></HTML>
<!-- 문서 최종 수정일시: 2022-03-03 오전 11:34 -->
~ 웹 문서가 포커스를 잃었다가 찾았을 때를 시험한 그림 ^^ ~
'내 마음 오로지' 카테고리의 다른 글
| 그 샘에 떴던 게 부평초였을 줄이야…. (0) | 2022.03.07 |
|---|---|
| 모기야 안녕? (0) | 2022.03.07 |
| 시프트키 참 웃기다~ (0) | 2022.03.02 |
| 이 웹 문서 열자마자 곧바로 한영 전환키가 제대로 작동하게끔^ (0) | 2022.03.02 |
| 'IME를 사용하지 않습니다' - 풀지는 못했어도^ (0) | 2022.03.01 |
