滚动事件
onscroll 元素的滚动事件,当元素内容发生滚动式触发,会多次触发
clientHeight 元素本身高度
scrollTop 元素的纵向偏移量
scrollHeight 元素的内容高度
clientHeight + scrollTop == scrollHeight
事件传播
时间传递分为两个阶段:挖洞阶段(捕获阶段),冒泡阶段;
如图所示:过程
通过标签属性绑定的事件和元素对象属性绑定事件,都是冒泡阶段触发
如何阻止时间继续向下触发:可以通过添加事件监听和绑定事件
addEventListener(这里有三个值:1,事件类型;2,事件函数,3布尔值,默认false,
表示不在捕获阶段触发(true))
在事件函数中添加stopPropagation 阻止事件继续传播
form 表单标签 action属性,提交表单的地址
form 表单提交事件 会导致页面刷新,用户体验不好,可以通过终止表单默认提交方式,用preventDefault()来终止;
preventDefault()用于终止默认事件的执行,而stopPropagation()只能用来终止事件传递
onsubmit 表单提交事件
onreset 表单重置事件