この記事では、Webキーボードを実装してページのターンオーバーを制御するJSの方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
キーボード制御ページのターンオーバーエフェクトは珍しいと思います。多くの場合、多くのWebサイト、特にフォトアルバムでは、キーボードを使用してページを上下に変えることができます。原則は非常に単純です。 JSを使用して、ユーザーが上下キーを押したかどうかを監視します。
例として：
次のようにコードをコピーします
<a id = "booklist" href = "<？= $ booklisturl？>">ディレクトリに戻る</a>
<a id = "next" href = "<？= $ righturl？>">次の章</a>
JSコードは次のとおりです。
次のようにコードをコピーします：<スクリプト言語= "javascript">
<！ -
last = document。 getElementByid（ "last"）。href;
next = document。 getElementById（ "next"）。href;
booklist = document。 getElementById（ "booklist"）。href;
function 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 = next;
}
if（keycode == 37）{
window.location.href = last;
}
if（keycode == 13）{
window.location.href = booklist;
}
}
document.onkeydown = keyup;
//->
</script>
今日、この機能をオンラインで見ました。それは素晴らしい。将来、この機能を記事に追加できます。
コードコピーは次のとおりです。varre =/<a href = ["']？（[ - = w./？]+）
if（window.document.body.innerhtml.search（re）> = 0）{
var fortion_page = regexp。$ 1;
}
「前のページ」を検索すると、コピーコードは次のように定義されます。varfortion_page = regexp。$ 1;
var re =/<a href = ["']？（[ - = w./？]+）["']？> [[]？next page []）>]？</a>/igm;
if（window.document.body.innerhtml.search（re）> = 0）{
var next_page = regexp。$ 1;
}
「次のページ」を検索すると、コピーコードは次のように定義されます。varnext_page = regexp。$ 1;
if（typeof fortion_page == "string" || typeof next_page == "string"）{
document.onkeydown = function（）{
switch（event.srcelement.tagname）{
ケース「入力」：
ケース「Textarea」：
ケース「選択」：
壊す;
デフォルト：
if（event.keycode == 37 /*矢印左* / && typeof fortion_page == "string"）{
window.location.href = fortion_page;
}
else if（event.keycode == 39 / * arrow right * / && typeof next_page == "string"）{
window.location.href = next_page;
}
}
}
}
私が作ったページアップとダウンのショートカットの重要な実装について話させてください。ユーザーが左右の矢印キーをクリックすると、JSはキーボードコードを取得し、次のページまたは前のページにジャンプします。今日、インターネット上の多くのコードはすなわちです。 Firefoxは実行できません。多くの場合、それは標準以外の**によって引き起こされます。 IEの下のタグをクリックします。デフォルトでは、対応するURLに転送されますが、FF（onclick（）は問題ありませんが、これは実行されたイベントです）では実行できません。
ソリューションも非常にシンプルです。この方法を使用できます。ユーザーが右矢印キーをクリックしたら、次のページのhref属性をwindow.location.hrefに割り当てるだけです。
次のようにコードをコピーします：var $ = function（id）
{
document.getElementByID（ID）を返します。
}
var hotkey = function（e）
{
var e = e || event;
var k = e.Keycode || E.
if（k == 37）
{
if（$（ "prevpage"））
window.location.href = $（ "prevpage"）。href;
}
else if（k == 39）
{
if（$（ "nextpage"））
window.location.href = $（ "nextpage"）。href;
}
else if（k == 72）
{
if（$（ "home"））
window.location.href = $（ "home"）。href;
}
}
document.onkeydown = hotkey; //左および左キー
この記事の説明が、JavaScriptに基づいたすべての人のWebプログラミングに役立つことを願っています。