代码之家  ›  专栏  ›  技术社区  ›  Jeff

按键事件键码与空格键一起工作,但不与字母F一起工作

  •  0
  • Jeff  · 技术社区  · 5 年前

    f 不打印到 console.log

    <button type="button" id="keyboard">Keyboard</button>
    
    <script>
        var kbd = document.getElementById( "keyboard" );
    
        kbd.focus();
    
        kbd.addEventListener( "keypress", function( event ) {
            if ( event.keyCode == 32 ) {
                if ( player.getPlayerState() == 1 ) {
                    console.log('pressed spacebar 1');
                    player.pauseVideo();
                }
                else {
                    console.log('pressed spacebar 2');
                    player.playVideo();
                }
            }
            if ( event.keyCode == 70 ) {
                console.log('pressed letter f');
            }
        });
    </script>
    

    编辑:

    keypress 102 . 与 keydown 正确的密码是 70 32 不管是哪一个。

    2 回复  |  直到 5 年前
        1
  •  0
  •   Uthistran Selvaraj    5 年前

    F是102!。下面就行了

    <button type="button" id="keyboard">Keyboard</button>
    
    <script>
    var kbd = document.getElementById( "keyboard" );
    
    kbd.focus();
    
    kbd.addEventListener( "keypress", function( event ) {
        if ( event.keyCode == 32 ) {
            if ( player.getPlayerState() == 1 ) {
                console.log('pressed spacebar 1');
                player.pauseVideo();
            }
            else {
                console.log('pressed spacebar 2');
                player.playVideo();
            }
        }
        if ( event.keyCode == 102 ) {
            console.log('pressed letter f');
        }
    });
    

    补充 JSFilldle

        2
  •  1
  •   vunski    5 年前

    将“keypress”改为“keydown”。

    带有“keypress”的keycode 70是大写的F,您可以通过按住shift和F来确认,而keycode 102是小写的F。

    here .