js基础：基本事件类型

hello 勒是小王~这里整理了表单相关 和 浏览器相关事件 后面其他的也会抽时间陆续更新~希望能帮到初学者

## 浏览器事件

1. onload 加载完毕时候执行一次

window.onload = function () {

  console.log("加载完毕");

};

2. onscroll 滚动事件

window.onscroll = function () {

  console.log("滚了");

};

3. onresize 改变浏览器窗口尺寸触发

window.onresize = function () {

  console.log("改变了");

## 表单事件 ：表单名（事件源).事件名

1.  onchange:表单改变的时候触发:条件：失去焦点，并且内容改变；

var inputEle = document.querySelector(".myinput");

inputEle.onchange = function () {

  console.log("change");

  // var checkboxEle = document.querySelector(".mycheck");

  // checkboxEle.onchange = function(){

  //     console.log("改变了");

  // }

2.  oninput：输入/删除 input 框内容的时候触发； i/o；输入/删除一个字符 触发一次

var inputEle = document.querySelector(".myinput");

inputEle.oninput = function () {

  console.log("输入");

};

3. onfocus ：聚焦的时候触发事件,点击 input 框内 光标开始闪烁叫做聚焦

var inputEle = document.querySelector(".myinput");

inputEle.onfocus = function () {

  console.log("聚焦");

};

4.onblur 失焦：点击输入框之外时 光标消失 叫做失焦

var inputEle = document.querySelector(".myinput");

inputEle.onblur = function () {

  console.log("失去焦点");

};