在火狐下調(diào)試的，keyup事件和keydown一樣，又試了ie也是倆事件效果一樣，求解答
在火狐下調(diào)試的，keyup事件和keydown一樣，又試了ie也是倆事件效果一樣，求解答
胖丫
2017-04-28
3 回答
舉報
0/150
提交
取消
2017-05-01
<!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">監(jiān)聽keydown輸入:
??????????? <input class="target1" type="text" value="" /><br />
??????????? 按下顯示輸入的值:<em></em>
??????? </div>
??????? <h4>測試二</h4>
??????? <div class="aaron">監(jiān)聽keyup輸入:
??????????? <input class="target2" type="text" value="" /><br />
??????????? 松手顯示輸入的值:<em></em>
??????? </div>
??? </div>
??? <script type="text/javascript">
??? //監(jiān)聽鍵盤按鍵
??? //獲取輸入的值
??? $('.target1').keydown(function(e) {
??????? $("em:first").text(e.target.value)
??? });
??? //監(jiān)聽鍵盤按鍵
??? //獲取輸入的值
??? $('.target2').keyup(function(e) {
??????? $("em:last").text(e.target.value)
??? });
??? </script>
</body>
</html>
2017-05-01
就是按下不松，keyup事件也能輸入
2017-04-29
你是不是理解錯誤了？你試下keydown和keyup時把鍵盤按下不松，這種情況下只能實現(xiàn)keydown的。