html – “display:none”内容复制到剪贴板,粘贴时可见

前端之家收集整理的这篇文章主要介绍了html – “display:none”内容复制到剪贴板,粘贴时可见前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题,非显示HTML元素被复制到剪贴板,然后当内容粘贴到MS Word,Outlook等时显示.

例如:

<p>Hello</p>
<p style="display: none;">I'm Hidden</p>
<p>World</p>

如果我在浏览器中查看HTML,请将文本复制到我的剪贴板,然后粘贴到Outlook中,中间段保持隐藏.好消息.

但是,在这个例子中:

<p>Hello</p>
<input type="text" value="I'm not hidden" style="display: none;" />
<p>World</p>

如果我这样做 – 复制到剪贴板,粘贴到Outlook – 文本输入是可见的.

有什么办法可以抑制这个吗? (不用诉诸用户在Outlook中选择“仅保留文字”.)

谢谢!

解决方法

这听起来像您需要让JavaScript创建DOM部分,而不仅仅是更改CSS样式.而不是更改“我隐藏”段落的显示属性,请让JavaScript在您希望显示该元素时创建该元素,并将其删除.

如果元素足够复杂,那么也许您可以将它们放在文档的底部,并显示“none”,然后将它们移动到您想要的位置.

原文链接:https://www.f2er.com/html/224785.html

猜你在找的HTML相关文章