JQuery 键盘按下和弹起事件

最新推荐文章于 2025-10-17 14:42:42 发布

原创最新推荐文章于 2025-10-17 14:42:42 发布 · 1.8w 阅读

3 ·

CC 4.0 BY-SA版权

jquery特效专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的文本框事件处理案例，包括按键按下、弹起及字符输入时改变背景色的功能，并通过按钮触发keyup事件。

    $(document).ready(function () {  
        $(":text").keydown(function () {    // 按键按下时触发的事件；  
            $(":text").css("background-color", "green");  
        });  
      
        $(":text").keyup(function () {      // 按键弹起时触发的事件；  
            $(":text").css("background-color", "blue");  
        });  
      
        $("button").click(function () {  
            $(":text").keyup();             // keyup()方法触发keyup事件；  
        });  
      
        var i = 0;  
        $(":text").keypress(function () {   // keypress：输入框每获取一个字符，就触发一次该事件。  
            $("span").text(i++);  
        });  
    });