滚动事件 事件传播 终止默认事件执行用到的属性

滚动事件
onscroll 元素的滚动事件,当元素内容发生滚动式触发,会多次触发
clientHeight 元素本身高度
scrollTop 元素的纵向偏移量
scrollHeight 元素的内容高度

clientHeight + scrollTop == scrollHeight
事件传播
时间传递分为两个阶段:挖洞阶段(捕获阶段),冒泡阶段;
在这里插入图片描述如图所示:过程
通过标签属性绑定的事件和元素对象属性绑定事件,都是冒泡阶段触发
如何阻止时间继续向下触发:可以通过添加事件监听和绑定事件
addEventListener(这里有三个值:1,事件类型;2,事件函数,3布尔值,默认false,
表示不在捕获阶段触发(true))
在事件函数中添加stopPropagation 阻止事件继续传播

form 表单标签 action属性,提交表单的地址
form 表单提交事件 会导致页面刷新,用户体验不好,可以通过终止表单默认提交方式,用preventDefault()来终止;
preventDefault()用于终止默认事件的执行,而stopPropagation()只能用来终止事件传递

onsubmit 表单提交事件
onreset 表单重置事件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值