我们再去看一个跟键盘输入相关的事件 , keyup … （#html）

在这个文档里面，有一个 <div> 标签，上面有 alert 和 alert-info 这两个类 .. 在这个元素上，我加了一个 display:none 的样式 .. 所以默认这个元素不会显示在视图模式上 …

我们可以在这个元素上，去显示一些状态的信息 … 比如用户在文本框里输入内容的时候，会显示一个正在输入的状态 …

按下键盘上的按键，抬起按键的时候会触发一个 keyup 事件 .. 下面我们可以利用这个事件的处理器去做点事 …

选中评论的文本区域 … 调用它的 keyup 事件处理器 … 用一个函数作为它的参数 … 在这个函数里面，我们可以先选中那个用来显示状态信息的元素 … 它上面有个 .alert 类 … 然后使用它的 .text() 方法 .. 设置一下这个元素里的文本内容 …

最后，再调用 show() 方法，让这个元素显示出来 …

$( '#comment' ).keyup(function() {
$( '.alert' ).text( '正在输入...' ).show();
});

在离开这个评论区域的时候，也可以在这个状态信息栏上显示一点内容 …

$( '.alert' ).text( '暂停输入' ).show();

回到浏览器 … 点击文本区域 … 输入点内容 … 在状态栏上，也就是那个拥有 .alert 类的元素上，会显示 正在输入 …

点击空白的地方 … 离开这个表单元素 … 会显示 暂停输入 …