只需一步,快速开始
主题 764|帖子 764|积分 2292
1.prevent:阻止默认事件(常用); 2.stop:阻止事件冒泡(常用); 3.once:事件只触发一次(常用); 4.capture:使用事件的捕获模式; 5.self:只有 event.target 是当前操作的元素时才触发事件; 6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕;
什么是浏览器的默认事件呢? a 标签的跳转 form 表单的提交 网页中右键单机,会弹出一个菜单(你可以试一试)
正常来说 当我点击这个 a 标签之后 会跳转到百度 可是 他并不是我们想象的样子
可以看到 是alert弹出框的提示 说明prevent修饰符 发生了作用 阻止了浏览器默认事件的调用
可以看到 给div和 button和设置了点击事件 那么 stop:阻止事件冒泡到底是啥呢 ?下面解释 我们待会会点击里面的button 基础好的小伙伴肯定会知道 会触发两次弹出那么这是为啥呢 是因为 产生了冒泡事件
可以看到 发生了 两次弹窗
当我们点击了确认之后 第二次提示框出来了
字面意思 只触发一次
这是我们已点击多次的结果
所有的操作 点击的都是 最里面的儿子
给儿子 加
给爸爸加
您需要 登录 才可以下载或查看,没有账号?立即注册
使用道具 举报
本版积分规则 发表回复 回帖并转播 回帖后跳转到最后一页
海哥