【文件属性】:
文件名称:iframe-overlay:可以添加到 iframe 之上的叠加层,以控制用户事件如何传播到 iframe
文件大小:49KB
文件格式:ZIP
更新时间:2021-07-02 17:43:40
JavaScript
iframe-overlay
可以添加到 iframe 之上的叠加层,以控制如何将用户事件传播到 iframe。
这个怎么运作
事件由覆盖 iframe 的覆盖层捕获。 这些事件通过 postMessage 使用 Poster 转发到 iframe,然后使用 EventSim 在 iframe 内重新触发。
应用程序接口
iframeOverlay.createOverlay(iframe)
在父级中调用以指定要在其上创建叠加层的 iframe
返回具有两个属性的对象:down 和 paused paused 控制是否转发事件
iframeOverlay.createRelay(元素) 在 iframe 内调用以指定在哪个元素上重新触发事件
未来的工作
改进 API:更好的命名,更好的控制转发方式(可能是委托)
【文件预览】:
iframe-overlay-master
----.gitignore(88B)
----package.json(1KB)
----src()
--------iframe-overlay.js(5KB)
----.travis.yml(133B)
----gulpfile.js(614B)
----dist()
--------iframe-overlay.js(20KB)
----LICENSE(1KB)
----README.md(1008B)
----example()
--------inner.html(2KB)
--------outer.html(787B)
----lib()
--------iframe-overlay.js(6KB)
----bower.json(355B)
----test()
--------runner.html(917B)
--------iframe.html(1KB)
--------test-spec.js(9KB)
--------sinon.js(197KB)