关于java:JS之Dom初识

学习指标：

一、表单文档事件

焦点：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键盘属性

key和keyCode属性

Key:具体是哪一个键
keyCode:返回keydown何keyup事件产生的时候按键的代码，以及keypress 事件的Unicode字符(ascii码值)。

A:65,a:97,0:48,空格键：32.