2009-12-12 4 views
0

단축키를 누르면 페이지에 나타나는 검색 버튼이있는 간단한 실행 표시 줄을 만들려고합니다. 나는 mootools 또는 FancyBox와 같은 라이브러리를 사용하지 않아도되지만 Chrome 확장 용이므로 가능한 한 작게 유지하고 싶습니다. 어떤 제안이나 그 도구 중 하나만 가지고 가야합니까?Javascript 부동 실행 표시 줄

답변

1

자바 스크립트에서 특정 바로 가기 키를 캡처하기 위해 이벤트 리스너 (onKeyPress)를 설정할 수 있습니다. onKeyPress 이벤트 리스너에 의해 트리거되는 함수는 키 누르기가 단축키와 일치하는지 확인해야합니다. 표시되는 경우 부동 막대를 표시하거나 렌더링하는 함수를 호출하십시오.

우수에 대한 자세한 정보는 여기를 참조하십시오. quirksmode

+0

매우 좋은 사이트가 있습니다. 고마워. 그러나 팝업 상자에 대한 아이디어, 난 좀 곤란합니까? – Guibone

+0

은 팝업으로 정확히 무엇을 의미 하느냐에 따라 다릅니다. 일반적으로 팝업은 보이지 않는 블록 요소 일 수 있습니다 (그리고 보이는 내용을 방해하지 않도록 절대 배치됩니다). 방아쇠를 당기면 자바 스크립트에서 CSS를 변경하여 표시되도록합니다. 필요한 경우 이벤트 리스너를 드래그 할 수 있도록 추가하고 그림자로 스타일을 지정하여 페이지 위에 떠있는 것처럼 보입니다. –

+0

그래, 그게 내가 원하는 것 같아. 나는 그것을 들여다 볼 것이다. – Guibone