onkeydown:用户按下一个键盘按键时发生
onkeypress:在键盘按键按下并释放一个键时发生
onkeyup:在键盘按键松开时发生
keyCode:返回onkeypress,onkeydown或onkeyup事件触发的键的值的字符代码,或键的代码

  1. <input type="text" id="input">
  2. <script>
  3. var input = document.getElementById("input");
  4. /* 键盘松开的时发生的事件 */
  5. input.onkeyup = function(event){
  6. /* keycode返回一个键盘码 */
  7. if(event.keyCode == 13){
  8. /* 只要是对象的属性,都可以通过点的方式去获取值 */
  9. console.log(this.value)
  10. }
  11. }
  12. </script>
  1. ![test3.gif](https://cdn.nlark.com/yuque/0/2019/gif/446381/1567248599200-d7eb33ed-076f-4875-85a2-bbfc8e352988.gif#align=left&display=inline&height=317&name=test3.gif&originHeight=317&originWidth=226&size=47326&status=done&width=226)

你还可以输入0/150字

  1. <p>你还可以输入<em id="section">0</em>/150</p>
  2. <textarea cols="30" rows="10" id="txt"></textarea>
  3. <script>
  4. var em = document.getElementById("section");
  5. var txt = document.getElementById("txt");
  6. txt.onkeyup = function(){
  7. var length = this.value.length;
  8. em.innerHTML = length;
  9. }
  10. </script>
  1. ![test6.gif](https://cdn.nlark.com/yuque/0/2019/gif/446381/1567251251277-e2d4e333-0ab7-4600-b0fd-e33bec5f16a0.gif#align=left&display=inline&height=268&name=test6.gif&originHeight=268&originWidth=322&size=96604&status=done&width=322)