js表单事件总结

onChange

• 内容发生改变时并且失去焦点 。常用于获取表单内容时。
• 在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 且必须值变化才触发 。
  onblue
• input失去焦点时，就会被调用。 常用于表单验证
  onfoucs
• 获得焦点时就会被调用。 常用于表单获取焦点时的外观变化。

JS事件函数总结

https://blog.csdn.net/qq_41194704/article/details/102709435?utm_medium=distribute.pc_relevant.none-task-blog-baidulandingword-4&spm=1001.2101.3001.4242

dom节点.addEventListener(‘要处理的事件名’,‘function’,‘是否在捕获阶段处理’)
参数：
1.要处理的事件名（注意：事件名前面没有on）
2.函数
例如： function aaa(){}
3.true：捕获阶段
false：冒泡阶段
4.对于同一个dom元素可以增加多个事件元素

什么是事件冒泡或事件捕获？

事件传递有两种方式：冒泡与捕获

事件传递定义了元素事件触发的顺序。如果将

元素插入到

元素中，用户点击

元素，哪个元素的“click”事件先被触发呢？

在冒泡中，内部元素的事件会先被触发，然后再触发外部元素，即：

元素的点击事件先触发，然后会触发

元素的点击事件。

在捕获中，外部元素会先被触发，然后才会触发内部元素的事件，即：

元素的点击事件先触发，然后再触发

元素的点击事件。