我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

裴虎伟-前端(21)_20221213

[复制链接]
faith学员认证 发表于 2023-1-5 19:44:15 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日所学内容
1、事件深入、注册事件
(1)事件是发生在浏览器中的操作,可以由浏览器本身或者用户发起。
(2)常见的事件:
文档加载事件——window.onload=function(){}
用户点击一个按钮——点击事件dom.onclick=function(){};dom.addEventLinstener('click',事件处理函数);
键盘事件
表单事件
鼠标事件:点击事件、鼠标移入移出事件

(3)注册事件(两种方式)
传统注册方式
利用on开头的事件onclick
btn.onclick=function(){}
同一元素同一事件只能设置一个处理函数,最后注册的处理函数讲覆盖前面注册的处理函数

监听注册方式
addEventListener()它是一个方法
同一个标签,同一个事件,可以有多个不同的事件处理函数(可以注册多个监听事件)

2、事件委托
也叫事件委派、事件代理;将事件绑定给父级元素
针对JS动态生成的标签,绑定不上事件

3、删除事件
(1)传统方式:onclick=null;
(2)监听:removeEventListener('事件类型',事件处理函数的名称);
4、事件流
(1)元素不是独立的,是串联在一起的
每个元素触发事件以后还会影响其他元素
(2)事件流的方式:
事件冒泡
事件捕获
5、阻止默认事件
(1)阻止默认事件:事件:click;阻止:stopPropagation()
(2)阻止浏览器页面点击右键出现菜单:事件:contextmenu;阻止:preventDefault()
(3)阻止a标签的默认事件(跳转):事件:click;阻止:preventDefault()
(4)禁止选中文字:事件:selectstart;禁止:preventDefault()
回复

使用道具 举报

关注0

粉丝0

帖子93

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026