html 按下和松开事件,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++);

});

});