jQuery | keyup() 示例

keyup()是 jQuery 中的一个内置方法，用于在用户从键盘上释放一个键时触发 keyup 事件。因此，使用 keyup() 方法我们可以检测是否有任何键从键盘上释放。

句法：

$(selector).keyup(function) 

这里的 selector 是被选中的元素。

参数：它接受一个可选参数作为一个函数，它给出了是否按下任何键的想法。

返回值：返回是否有任何键被按下并相应地改变背景颜色。

显示 keyup() 方法工作的 jQuery 代码：
代码#1：
下面的代码用于检查按下后是否释放键盘键。

  

    Jquery | Keyup() 
    
    


    $(document).keyup(function(event) {
  
        alert('You released a key');
    });

  

    
    
    
        Press and release a key from the keyboard 
    

  

输出：
运行代码后：

按键盘上的任意键后-

代码：#2
下面的代码用于在键盘上释放一个键时更改页面的背景颜色

  

    Jquery | Keyup() 
    
    


    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;
  
    });

  

    
    
    
        
     Press any key from the keyboard and then release it 
     to change the background color of the page

    

  
                                       

输出：
在按下一个键之前：

每次按下键盘上的任何键并松开时，页面的背景颜色都会更改为新颜色-

按下并松开任意键后：