javascript - 使 iframe 只读

标签 javascript html iframe

在我的 html 中,我有一个 Iframe,它是指向 google 文档的链接。目前用户将能够编辑该文档。但是,我不希望用户能够更改文档。我如何使 iframe 只读?

最佳答案

编辑

如果您在 Google 文档中使用“文件 > 发布到网络...”,其他人将无法编辑您的文档。 Docs Help (请参阅“共享已发布的文件时的外观”)。

这是我刚刚发布的:try me .

原始答案

我想完全确保它不可编辑的唯一方法是通过 Google 文档本身的某些设置,任何带有 JavaScript 或 CSS 的 block 都有可能被禁用。此外,JavaScript 将无法控制 iframe 内的任何内容,因为它来自不同的来源。

话虽如此,最简单的方法可能是使用 CSS,pointer-events: none; 将禁用 iframe 上的鼠标事件,禁止用户选择它。 MDN Docs

iframe { pointer-events: none; }

或作为内联样式...

<iframe style='pointer-events: none;'></iframe>

关于javascript - 使 iframe 只读,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44036574/

相关文章:

html - CSS 导航栏在页面中间居中

javascript - iFrame 不适用于移动版网站

javascript - 拖动元素时滞后

javascript - 使用 LinkedIn 分享按钮添加标题和描述

javascript - jQuery:无法在 Chrome 上运行 $.get (http get)

javascript - 从 javascript setInterval 函数接收值?

html - 在容器边缘定位元素

javascript - 使用 Parse.com 在查询中保存对象仅限于第一行?

html - 为什么会有空格?

javascript - 如何将 HTML、CSS 和 jQuery 实时注入(inject)到 iframe