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

来源：互联网发布：网络教育在哪里报名编辑：程序博客网时间：2024/04/29 17:29

html代码：

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <script type="text/javascript" src="jquery-3.1.0.js"></script>    <script type="text/javascript" src="JavaScript.js"></script></head><body>    <!-- 按键按下和弹起事件：按键指键盘上的任意按键。 -->    <button>按钮</button><br/>    <form>        <input type="text" name="txt"/>    </form>    <p>按键次数：<span></span></p></body></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++);    });});

0 0