jQueryの：メディアセンター...

Windows Media Centerのに触発されて、私はjQueryで同様のものを作成することを決めた。 何がでてきた？

キャプチャキー

最も重要な問題は、ユーザーによって使用されるキーをキャプチャすることでした。 jQueryをフックして、いくつかの単純なコード行を記述するのに十分な、これを行うには：

  $（関数（）{
  $（ 'html'に）。KeyUpイベント（関数（e）は{
 アラート（e.keyCode）;
  }）;
 }）; 

どの、キーのコードを知るためにボタンをクリックして、私たちは面白いしましょう​​。

たとえば、次のコードのために：

  $（ 'html'に）。KeyUpイベント（関数（e）は{
  {（== 13 e.keyCode）の場合
  ALERT（ "キー：入力してください"）;
  }
 }）; 

あなたがEnterキーを押したとき：あなたはメッセージ"Enterキー"が表示されます。 ショートカットを恒久的にブラウザ自体（ - 前のページに戻りますようにBackspaceキーなど）があるキーを使用していないのに注意してください。

これは、この場合に表示される唯一の制限です。

マージン

画像がオーバーフローしてボックスに格納されていますので、次の問題は、対応するマージンの計算でしたが、それは画像の幅に基づいて、適切な横余白を設定する必要がありました。 少し数学、少し哲学。

デモ

どのようにプロジェクトが実稼働中である、あなたはで見ることができるデモバージョン （Internet Explorerの/クローム/サファリ/ Firefoxの/オペラの最新バージョンで正常に動作します）。

私はもっ​​と何かがこのプロジェクトに追加することができます実現する、私は不安でしたが、しかし、基本的な機能と私の見解で、私は達成することができました仕事。

マグダに専念。

社交的になり、共有！

• 

関連するエントリ

• jQueryの：解除WebKitの？
• ＃3を参照する価値がある
• ＃2をご覧ください
• Webページ上でグラフを作成する
• jQueryの：確認ウィンドウ