1

私はブログのテーマに取り組んでおり、キーボード ナビゲーションが必要です。キーボードキーのIDと関係があることは知っていますが、3時間ほど探しましたが、まだ簡単な解決策が見つかりません. 押したいキーと、何をしてほしいかを以下に示します。

  • J - 次の投稿まで下にスクロールします
  • K - 前の投稿までスクロール
  • R - その投稿のリブログ URL で新しいタブを開きます
  • P - その投稿のパーマリンク URL で新しいタブを開きます

誰かがこれで私を助けることができれば、それは非常に役に立ちます。また、URLにリンクを設定することで何かできることは知っていますが<article data-reblog-url="http://reblogurl" data-permalink-url="{Permalink}">、そのデータをURLとしてR＆Pキーを押したときにブラウザに新しいタブを開く方法がわかりません。あと、J&Kさん、投稿のmargin-topも含めて、ブラウザのスクロールを記事の先頭までスムーズにしてほしいです。

誰かがコード全体で私を助けることができれば、私はそれをTONに感謝します. 私はそれがたくさんあることを知っており、おそらくこれに反対するでしょうが、私が言ったように、私は1時間以上試していて、専門家の助けが必要です.

4

3 に答える 3

1

1時間以上は少ないです。しかし、ここにあなたが始めるための何かがあります：

whichイベント オブジェクトの をチェックすることで、どのキーが押されたかを確実に確認できます。どのキーが押されたかを確認する方法を確認できるように、デモを作成しました。

デモ: http://jsfiddle.net/RXPhP/

注意点: このイベントは、フォーカスのある要素でのみ発生するため、おそらくナビゲーション用bodyまたは関連付けたほうがよいでしょう。document

于 2012-07-10T01:24:26.310 に答える
0

このようなものは、あなたに良いスタートを与えるでしょう. ライブラリを使用できない場合は、使用します

<script>

var keyMap = [];
keyMap["j"] = 106;
keyMap["k"] = 107;
keyMap["r"] = 114;
keyMap["p"] = 112;

window.onkeypress = function (event) {
 var asciiVal = (event.which) ? event.which : event.keyCode;
 //Write a switch here to individually handle input.
}
于 2012-07-10T01:35:35.580 に答える
-1

キープレス イベントについてはhttp://www.w3schools.com/jsref/event_onkeypress.aspを参照してください。キーが押されたときにjsを実行できます。js はイベントを受け取り、eventそれによってどのキーが押されたかがわかります。キーの押し方によってはdo something、nothing

于 2012-07-10T01:26:55.527 に答える