이 기사에서는 웹 키보드를 구현하여 JS가 페이지 회전율을 제어하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
키보드 제어 페이지 회전율 효과는 드문 일이라고 생각합니다. 종종 많은 웹 사이트, 특히 사진 앨범에서 키보드를 사용하여 페이지를 위아래로 전환 할 수 있습니다. 원칙은 매우 간단합니다. JS를 사용하여 사용자가 위아래로 키를 누르는지 모니터링하십시오.
예를 들어 :
다음과 같이 코드를 복사하십시오. <a id = "last"href = "<? = $ lefturl?>"> 이전 장 </a>
<a id = "Booklist"href = "<? = $ booklisturl?>"> 디렉토리로 돌아 가기 </a>
<a id = "next"href = "<? = $ righturl?>"> 다음 장 </a>
JS 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
<!-
마지막 = 문서. getElementByid ( "마지막"). href;
다음 = 문서. getElementById ( "Next"). href;
책 목록 = 문서. getElementById ( "Booklist"). href;
함수 keyup (e) {
if (navigator.appName == "Microsoft Internet Explorer")
{
var keycode = event.keyCode;
var realkey = string.fromcharCode (event.keyCode);
}또 다른
{
var keycode = E. which;
var realkey = string.fromcharcode (e.which);
}
if (keycode == 39) {
Window.location.href = 다음;
}
if (keycode == 37) {
Window.location.href = 마지막;
}
if (keycode == 13) {
Window.location.href = 책 목록;
}
}
document.onkeydown = keyup;
//->
</스크립트>
오늘 온라인 으로이 기능을 보았습니다. 훌륭합니다. 앞으로 기사 에이 기능을 추가 할 수 있습니다.
코드 사본은 다음과 같습니다. var re =/<a href = [ " ']?
if (window.document.body.innerhtml.search (re)> = 0) {
var previous_page = regexp. $ 1;
}
"이전 페이지"로 검색하면 사본 코드는 다음과 같이 정의됩니다. var previous_page = regexp. $ 1;
var re =/<a href = [ " ']?
if (window.document.body.innerhtml.search (re)> = 0) {
var next_page = regexp. $ 1;
}
"다음 페이지"로 검색하면 사본 코드는 다음과 같이 정의됩니다. var next_page = regexp. $ 1;
if (prevery_page == "String"|| typeof next_page == "String") {
document.onkeydown = function () {
스위치 (event.srcelement.tagname) {
사례 "입력":
사례 "TextArea":
"SELECT":
부서지다;
기본:
if (event.keyCode == 37 /* 화살표 왼쪽* / && typeof prevery_page == "String") {
Window.location.href = previous_page;
}
else if (event.keyCode == 39 / * 화살표 오른쪽 * / && typeof next_page == "String") {
Window.location.href = next_page;
}
}
}
}
내가 만든 페이지 업 및 다운의 단축키 키 구현에 대해 이야기하겠습니다. 사용자가 왼쪽 및 오른쪽 화살표 키를 클릭하면 JS는 키보드 코드를 가져온 다음 다음 페이지 또는 이전 페이지로 이동합니다. 오늘날 인터넷의 많은 코드는 즉입니다. Firefox를 실행할 수 없습니다. 여러 번, 그것은 비표준 **에 의해 발생합니다. **. 클릭 () ff. IE에서 A 태그를 클릭하십시오. 기본적으로 해당 URL로 전송되지만 FF (OnClick ()은 확인할 수 없지만 실행 된 OnClick 이벤트입니다).
솔루션도 매우 간단합니다. 이 방법을 사용할 수 있습니다. 사용자가 오른쪽 화살표 키를 클릭하면 다음 페이지의 a의 href 속성을 Window.location.href에 할당하십시오.
다음과 같이 코드를 복사하십시오 : var $ = function (id)
{
return document.getElementById (id);
}
var hotkey = function (e)
{
var e = e || 이벤트;
var k = e.keycode || e
if (k == 37)
{
if ($ ( "prevpage"))
Window.location.href = $ ( "prevpage"). href;
}
그렇지 않으면 (k == 39)
{
if ($ ( "NextPage"))
Window.location.href = $ ( "NextPage"). href;
}
else if (k == 72)
{
if ($ ( "home"))
Window.location.href = $ ( "home"). href;
}
}
document.onkeydown = hotkey; // 왼쪽 및 왼쪽 키
이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.