一个解决了点击 iframe 无法触发 mouse 事件的库

2018-04-12 23:41:25 +08:00
 mt1992

众所周知,iframe 元素只能触发 load 事件。想想一下:在一个内嵌 iframe 的系统中导航栏中有 dropdown select 等组件,这些组件都有一个共性通过监听 click 或 mouseup 等事件来关闭弹出层,而 iframe 无法触发 mouse 事件,导致点击 iframe 区域的时候无法关闭弹出层,所以做一个库解决了这个问题。

测试地址: https://jsfiddle.net/MT/eywraw8t/25950/

github 仓库: https://github.com/1969290646/focus-outside

cdn 地址: https://unpkg.com/focus-outside@0.3.1/lib/index.js

^_^ 既然都已经来了,就留下 star 呗。

3845 次点击
所在节点    JavaScript
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/446378

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX