addEventListener 的一些好方法 简单粗暴的说给…
2018-07-29 08:56:10来源:博客园 阅读 ()
function show(){
document.addEventListener("click",fn,{
"passive":false,
"capture":false,
"once":true
});
"passive" 就是告诉浏览器 我可不可以用 stopPropagation 在执行fn之前就告诉浏览器 让浏览器性能更好
比如有时候 你滑动滚轮的时候 你阻止默认行为 那么鼠标就不应该动了呗 但是它也动了
所以说浏览器刚开始是不知道你是否要取消默认行为的 执行代码之后就知道了
true 是不可以使用stopPropagation
capture 就是 冒泡阶段或者事件捕获阶段执行事件 true 事件捕获阶段
once 是执行一次fn就清除fn true 清除
看上面代码 如果你多次执行show 那么就会给documen添加多个事件 特别不好
容易造成事件混乱 等一些问题
所以这时候就once 就很好了
目前好像就谷歌支持吧
}
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:NPM 学习笔记整理
下一篇:macbook 入门
- js实现翻页后保持checkbox选中状态的实现方法 2020-03-25
- NiftyCube实现圆角边框的方法 2020-03-20
- 根据分辨率调用css文件的方法 2020-03-19
- JS简单去除数组中重复项的方法 2020-03-16
- javascript 中关于array的常用方法详解 2020-03-16
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash