ホームページ  >  記事  >  ウェブフロントエンド  >  Jquery_jqueryに基づいてキーボードのキー監視を実装する

Jquery_jqueryに基づいてキーボードのキー監視を実装する

WBOY
WBOYオリジナル
2016-05-16 16:48:521290ブラウズ

NETTUTS で見た記事は非常に優れた効果を持っており、Flash で生成される効果に似ています。デモはこちらです。元の記事では実装手順が非常にわかりやすく説明されています。実装 効果のロジックは比較的単純です。つまり、スライド効果を実現するための slideDown() メソッドと

jquery slideDown() メソッドです。

コードをコピー コードは次のとおりです:

// 指定された要素を表示し、すべてを非表示にしますその他
function showViaKeypress(element_id)
{
$(".container").css("display","none")
$(element_id).slideDown("slow");
}

// リンク 'href' に応じて適切な DIV を表示します
function showViaLink(array)
{
array.each(function(i)
{
$( this).click(function() );
$(ターゲット).slideDown("遅い");
keypress() メソッドはキーボードのキーを監視するために使用されますが、これは実際には難しくありません。ただし、この例は比較的斬新であり、必要に応じて追加できます。プロジェクト内で使用します。





コードをコピー

コードは次のとおりです。

$(document).keypress(function( e) { switch(e.that) { // ユーザーが「a」を押す case 97: showViaKeypress("#home"); Break; 🎜> 「D」キー Case 100:showviakeypress( "#contact");
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。