问答详情
源自:4-1 jQuery键盘事件之keydown()与keyup()事件

在火狐下调试的,keyup事件和keydown一样,又试了ie也是俩事件效果一样,求解答

在火狐下调试的,keyup事件和keydown一样,又试了ie也是俩事件效果一样,求解答

提问者:胖丫 2017-04-28 21:20

个回答

  • 胖丫
    2017-05-01 13:09:19

    <!DOCTYPE html>
    <html>

    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title></title>
        <style>
        .left div,
        .right div {
            width: 500px;
            height: 50px;
            padding: 5px;
            margin: 5px;
            float: left;
            border: 1px solid #ccc;
        }
        
        .left div {
            background: #bbffaa;
        }
        em{
            font-weight: 900;
            color: red;
        }
        </style>
       <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    </head>

    <body>
        <h2>keydown()与keyup()事件</h2>
        <div class="left">
            <h4>测试一</h4>
            <div class="aaron">监听keydown输入:
                <input class="target1" type="text" value="" /><br />
                按下显示输入的值:<em></em>
            </div>
            <h4>测试二</h4>
            <div class="aaron">监听keyup输入:
                <input class="target2" type="text" value="" /><br />
                松手显示输入的值:<em></em>
            </div>
        </div>

        <script type="text/javascript">
        //监听键盘按键
        //获取输入的值
        $('.target1').keydown(function(e) {
            $("em:first").text(e.target.value)
        });

        //监听键盘按键
        //获取输入的值
        $('.target2').keyup(function(e) {
            $("em:last").text(e.target.value)
        });

        </script>

    </body>

    </html>



  • 胖丫
    2017-05-01 13:04:46

    就是按下不松,keyup事件也能输入


  • 慕粉1512421586
    2017-04-29 11:22:41

    你是不是理解错误了?你试下keydown和keyup时把键盘按下不松,这种情况下只能实现keydown的。