一、今日所学内容
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()
|