一、今日学习内容 dom&bom 事件深入、注册事件的两种方式 事件是发生在浏览器中的操作,可以由浏览器本身或者用户发起。 常见的事件 文档加载事件:window.onload=function(){ } 用户点击事件:dom.onclick=function(){ } 或dom.addEventLinstener('click',事件处理函数) 键盘事件 键盘抬起事件keyup 键盘按下事件keydown 表单事件 input change事件常发生于select中 鼠标事件 鼠标点击事件 鼠标移入移出事件 事件委托 事件委托也叫作事件委派、事件代理事件:将事件绑定给父级元素 主要针对动态生成的标签绑定不上事件时使用 删除事件 传统方式:onclick=null; 事件监听方式:removeEventLinstener(‘事件类型’,事件处理函数的名称); 注意:使用事件监听的方式删除事件时,要使用命名函数,因为要将函数名作为参数上传给删除事件的事件监听 事件流 元素不是独立的,而是串在一起的 每个元素触发事件之后还会影响其他元素 事件流的方式 事件冒泡:第三个参数省略或为false时,执行事件冒泡, 即事件触发时其父级元素按从小到大的顺序被依次触发 事件捕获:第三个参数为true时,执行事件捕获,即事件触发时其父级元素按从大到小的顺序依次触发 阻止默认事件 e.stopPropagation() 阻止冒泡与捕获 e.preventDefault() 阻止右键菜单栏行为 禁止选中文字行为 阻止a标签的默认跳转事件 |
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |