Day26 语法改革！零基础新手也能读懂的JS - addEventListener(下)

今天来介绍网页相关事件、表单相关事件、剪贴相关事件吧!

网页相关事件

• load：在载入元素时触发，不一定是进入页面的载入的时候触发，如果写到img的话就是表示载入图片完毕的时候触发
• unload：从浏览器离开或重整时时触发
• beforeunload：跟unload一样从浏览器离开或重整时时触发，但beforeunload还会跳处对话框询问user是否要离开
• DOMcontentLoaded: 表示在DOM结构被整个载入完成之後才会触发，不必等待其他外部资源完成，这很常用!
• resize：当使用者改变浏览器视窗大小或指定的元素尺寸改变时触发
• scroll：当使用者改变浏览器视窗大小或指定的元素尺寸触动到滚轴的时候触发
• fullscreenchange:当user切换浏览器为全萤幕或还原视窗的时候触发

表单相关事件

• input:当input、textarea或是带有contenteditable的元素内容被改变的时候会触发
• change：当input、textarea、checkbox、radio等等表单有的type改变的时候触发，但跟input事件不同的是change会在目前焦点离开输入框的时候才会触发!
• select：在input、textarea元素选取文字的时候触发
• focus：当表单元素被聚焦的时候触发
• blur：当表单元素失焦的时候触发
• reset：表单被重置时触发
• submit：表单送出时触发

剪贴相关事件

• copy：进行复制这动作的时候触发
• cut：进行剪下这动作的时候触发
• paste：贴上的时候触发

我们这边并没有讲解到自定义的事件，如果想了解的朋友们可以到网路上查询相关文章唷!
今天大概就介绍到这边，我们最後几天会想要在JS30找个题目试试看!来复习以前所讲解的东西，大家明天见!