IT정리노트

블로그 이미지

Edward. K

메멘토적 기억능력을 소유한 개발자 노트.

IE, FireFox에서 Key Event 제어(F1키 포함) 하기

Programming/JavaScript 2008. 11. 20. 17:22
반응형
HELP  페이지를 만들고  HELP키 코드인 F1 키에 등록시키려고 찾아봤다.
YUI 에 없는게 없넹...-^^*

원문 :  http://www.bulahema.com/en/trapf1keyoranykeysinbothfirefoxandie

There are various ways to trap keys in Firefox and IE. Apparently Firefox and IE have different ways of trapping the F1 key and prevent the default application help.

After quite a bit of research, I came up with the following code that will work both in Firefox and IE. The following example uses Yahoo's event library, however, you can code in original DOM easily:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script type="text/javascript" src="build/yahoo/yahoo.js" ></script>
<script type="text/javascript" src="build/event/event.js" ></script>

<script language="javascript" type="text/javascript">

//var oElement = document.getElementById("body1");

if (!YAHOO.util.Event.addListener(document, "keydown", fnCallback)) alert("failed");
document.onhelp = new Function("return false;"); // disable default help in IE

function fnCallback(evt) {
   if ( evt == null )
       evt = event;

   if ( evt.keyCode == 112 ) //F1
   {
       alert("la"); // put your action here! IMPORTANT: must come before evt.preventDefault()!
       evt.preventDefault();  // disable default help in Firefox
       return false;
   }
}

</script>

</head>

<body id="body1">
</body>
</html>


YUI ( Yahoo UI Library ) 를 사용해서 제어하는 방법이다.
        (소스 코드태의  : build/yahoo/yahoo.js)

우선  YUI lib를 다운로드 받아야 한다.
      > YUI lib  다운로드  <


다운로드한 파일을 압축을 푼후, build  폴더를 테스트하는 파일이 있는 곳으로 이동시킨다.
     (압축풀면 보이는 index.html 문서를 열어보면 설명 되어 있다.-_-;;)

본인은 다음과 같이 파일을 위치시켰다..
   test_root
      |_ f1Keycontrol.html   <- '여기서 원문 보기' 안의 html 코드를 복사하여 생성.
      |_ build   <-  yui 압축풀고 이동시킨 폴더.

  테스트해보자....^^*

반응형
Posted by Edward. K
블로그 이미지

메멘토적 기억능력을 소유한 개발자 노트.

by Edward. K

공지사항

    최근...

  • 포스트
  • 댓글
  • 트랙백
  • 더 보기

태그

  • Jboss
  • 컴퓨터 관리
  • 색상코드표
  • Graphic
  • iBATIS
  • EkNote
  • rocketdock
  • 이클립스
  • 캡쳐툴
  • flex
  • toad
  • 플래시 게임
  • STS
  • 미네르바
  • 전자정부프레임워크
  • android
  • 사업 이야기
  • ERwin
  • netbeans
  • 중독성게임
  • Flash Player
  • 가상화폐무료
  • eclipse plugin
  • EditPlus
  • 개한민국
  • Eclipse
  • tomcat
  • sqlgate
  • egov
  • 이미지 편집

글 보관함

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

링크

카테고리

분류 전체보기 (792)
행운이와함께 (1)
EkNote Project (18)
ARIS (0)
Android (2)
LINK (39)
UML (9)
Programming (154)
Cobol (0)
ASP (0)
CSS (5)
C_C++ (2)
IBatis (2)
JSP (3)
JAVA (76)
JavaScript (44)
PHP (2)
Utility (76)
Protable (3)
MobileProgram (4)
SKT (0)
KTF (0)
LGT (0)
자료들 (4)
DB (82)
mongoDB (0)
MySQL (8)
Oracle (61)
MSSQL (4)
Graphic (8)
Flash (3)
PhotoShop (3)
SourceFactory (4)
Collection (73)
작가의기막힌상상력 (14)
미소를찾아보는공간 (44)
내심장은작동중일까 (6)
멀더와스컬리의노트 (3)
이건어디에사용할까 (6)
Edward (275)
나만 알기엔 아까워 (100)
기억하기 위한 기록 (123)
시선이 머무는 공간 (50)
숨기고 싶은 이야기 (2)

카운터

Total
Today
Yesterday
방명록 : 관리자 : 글쓰기
Edward. K's Blog is powered by daumkakao
Skin info material T Mark3 by 뭐하라
favicon

IT정리노트

메멘토적 기억능력을 소유한 개발자 노트.

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • 분류 전체보기 (792)
    • 행운이와함께 (1)
    • EkNote Project (18)
    • ARIS (0)
    • Android (2)
    • LINK (39)
    • UML (9)
    • Programming (154)
      • Cobol (0)
      • ASP (0)
      • CSS (5)
      • C_C++ (2)
      • IBatis (2)
      • JSP (3)
      • JAVA (76)
      • JavaScript (44)
      • PHP (2)
    • Utility (76)
      • Protable (3)
    • MobileProgram (4)
      • SKT (0)
      • KTF (0)
      • LGT (0)
      • 자료들 (4)
    • DB (82)
      • mongoDB (0)
      • MySQL (8)
      • Oracle (61)
      • MSSQL (4)
    • Graphic (8)
      • Flash (3)
      • PhotoShop (3)
    • SourceFactory (4)
    • Collection (73)
      • 작가의기막힌상상력 (14)
      • 미소를찾아보는공간 (44)
      • 내심장은작동중일까 (6)
      • 멀더와스컬리의노트 (3)
      • 이건어디에사용할까 (6)
    • Edward (275)
      • 나만 알기엔 아까워 (100)
      • 기억하기 위한 기록 (123)
      • 시선이 머무는 공간 (50)
      • 숨기고 싶은 이야기 (2)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바