JQuery学习笔记之按键按下和弹起事件

html代码：

    
    
    



    

    按钮

    

        
    
    
按键次数：

JQuery代码：

$(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++);
    });
});