JQuery keyup()用法及代碼示例

keyup()是jQuery中的內置方法，每當用戶從鍵盤上釋放鍵時，該方法便會觸發keyup事件。因此，使用keyup()方法，我們可以檢測鍵盤是否釋放了任何鍵。

用法:

$(selector).keyup(function)

選擇器是選定的元素。

參數：它接受一個可選參數作為函數，該函數給出是否按下任何鍵的想法。

返回值：它返回是否按下任何鍵，並相應地更改背景顏色。

jQuery代碼顯示keyup()方法的用法：
代碼1：
下麵的代碼用於檢查按下鍵盤後是否釋放了鍵盤鍵。

<html> 
  
<head> 
    <title>Jquery | Keyup() </title> 
    <script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"> 
    </script> 
</head> 
<script> 
    $(document).keyup(function(event) { 
  
        alert('You released a key'); 
    }); 
</script> 
  
<body> 
    <br> 
    <br> 
    <center> 
        <h1>Press and release a key from the keyboard </h1> 
    </center> 
</body> 
  
</html>

輸出：
運行代碼後：
keydown output initial

在按下鍵盤上的任意鍵後，
Output keyup

代碼：＃2
下麵的代碼用於在鍵盤上釋放任何按鍵時更改頁麵的背景色

<html> 
  
<head> 
    <title>Jquery | Keyup() </title> 
    <script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"> 
    </script> 
</head> 
<script> 
    var colors = ['red', 'blue', 'green', 'grey', 
                 'black', 'white', 'teal', 'yellow']; 
    var i = 0; 
    $(document).keyup(function(event) { 
  
        $('body').css('background-color', colors[i]); 
        i++; 
        i = i % 9; 
  
    }); 
</script> 
  
<body> 
    <br> 
    <br> 
    <center> 
        <h3> 
     Press any key from the keyboard and then release it <br> 
     to change the background color of the page 
</h3> 
    </center> 
</body> 
  
</html>

輸出：
按下鍵之前：
Keyup method Output
每次按下並釋放鍵盤上的任何鍵時，頁麵的背景顏色都會更改為新顏色，

按下並釋放任何鍵後：
Output-1

Output-2

相關用法

注：本文由純淨天空篩選整理自ihritik大神的英文原創作品 jQuery | keyup() with Examples。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。