5

これら2つのファイルをロードしたい

<link rel="stylesheet" type="text/css" href="sewmuchcss.css">
<script type="text/javascript" src="sewmuchjs.js"></script>

ユーザーが「上、上、下、下、左、右、左、右」を押した場合にのみ、ヘッダーに表示されます。これを達成するにはどうすればよいですか？jqueryまたはjavascriptを使用しますか？私は何をしなければなりませんか？ヘルプや回答を事前に感謝します。

4

4 に答える 4

6

私はjQueryを使用しますが、次のアルゴリズムを使用して、連続する複数のキーをチェックできます。

var keysPressed = [];
                       //  U,  U,  D,  D,  L,  R,  L,  R
var MAGIC_KEY_SEQUENCE = [ 38, 38, 40, 40, 37, 39, 37, 39 ]

$('body').on('keydown',function(e){
     var code = (e.keyCode ? e.keyCode : e.which);

     keysPressed.push( code );

     if ( keysPressed[ keysPressed.length - 1 ] == MAGIC_KEY_SEQUENCE[ keysPressed.length - 1 ] )
     {
       // so far so good

       if ( keysPressed.length == MAGIC_KEY_SEQUENCE.length )
       {
         // all keys were pressed in the right order!
         alert( 'hurray!' );

         $('<link/>').attr({
             rel:'stylesheet',
             type:'text/css',
             href:'sewmuchcss.css'}).appendTo('head');
         $.getScript('sewmuchjs.js');
       }
     }
     else
     {
       // something didn't match, so reset the list
       keysPressed = []       
     }
})​

ここで遊んでください：http： //jsfiddle.net/japanick/vfRqk/

于 2012-10-12T08:04:24.967 に答える
1 
$('#target').keypress(function(){
     var code = (e.keyCode ? e.keyCode : e.which);
     if(code == 21) // write your preferable keycodes here
     {
          $('<link/>').attr({ rel: 'stylesheet', type: 'text/css' href:'sewmuchcss.css' }).appendTo('head');
          $.getScript('sewmuchjs.js');
     }
})

フィドル: http://jsfiddle.net/pwunq/

于 2012-10-12T06:49:54.320 に答える
0

たとえば、runat="server" を使用してこれら 2 つのファイルにアクセスし、id="likeme" を指定できます。

 <link rel="stylesheet" type="text/css" href="sewmuchcss.css" runat="server" id="likeme" >
于 2012-10-12T06:52:14.930 に答える
0

jquery ホットキーを使用できます - https://github.com/jeresig/jquery.hotkeys

キーイベントで追加できます-

<link rel="stylesheet" type="text/css" href="sewmuchcss.css">
<script type="text/javascript" src="sewmuchjs.js"></script>

このjsとcssによる 

$('head').append('<link rel="stylesheet" type="text/css" href="sewmuchcss.css">');  
$('head').append('<script type="text/javascript" src="sewmuchjs.js"></script>');
于 2012-10-12T06:49:35.143 に答える