input onclick事件_学JavaScript事件：就是这么简单（下）

表单文档事件

焦点：js当前正在和用户发生交互的节点称为焦点。可以类比为人类目光汇聚的地方。

语法：获得焦点和失去焦点事件既可以使用DOM1绑定也可以使用DOM2绑定

八哥总结说明：

这两个事件均不支持事件冒泡。

1.1获得焦点事件

i2.onfocus = function () {console.log("i2获得了焦点")};

i1.addEventListener('focus', function () {console.log('i1捕获事件');}, true);

1.2 失去焦点事件

i1.addEventListener('blur', function () {console.log('i1捕获事件');}, true);

i2.onblur = function () {console.log("i2失去了焦点")};

1.3 oninput事件和onchange事件

onchange:元素发生变化的时候，就会触发。

oninput:当给元素输入内容的时候，就会触发。

区别：

onchange:当失去焦点的时候才会触发此事件。

oninput:当输入内容的时候，会立即触发。

键盘事件

2.1键盘事件种类

键盘事件是指当用户在操作键盘的时候会自动被触发的事件，通常有以下三种：

1. onkeydown:用户按下任意键都可以触发这个事件。如果按住不放，事件会被连续触发。
   (2) onkeypress:用户按下任意键都可以触发这个事件(功能键除外)。如果按住不放，事件会被连续触发
   (3) onkeyup: 用户释放按键时触发

ps：键盘事件一般绑定在需要用户输入的元素上(例如input)，但是由于键盘事件默认采用事件冒泡机制，因此将键盘事件直接绑定在body之上也是允许的。

2.2键盘属性</