• <tfoot id='P0AP3'></tfoot>

    <legend id='P0AP3'><style id='P0AP3'><dir id='P0AP3'><q id='P0AP3'></q></dir></style></legend>

        <bdo id='P0AP3'></bdo><ul id='P0AP3'></ul>

      1. <i id='P0AP3'><tr id='P0AP3'><dt id='P0AP3'><q id='P0AP3'><span id='P0AP3'><b id='P0AP3'><form id='P0AP3'><ins id='P0AP3'></ins><ul id='P0AP3'></ul><sub id='P0AP3'></sub></form><legend id='P0AP3'></legend><bdo id='P0AP3'><pre id='P0AP3'><center id='P0AP3'></center></pre></bdo></b><th id='P0AP3'></th></span></q></dt></tr></i><div id='P0AP3'><tfoot id='P0AP3'></tfoot><dl id='P0AP3'><fieldset id='P0AP3'></fieldset></dl></div>

        <small id='P0AP3'></small><noframes id='P0AP3'>

        使用 CSS 或 Javascript 复制/剪切时从文本中删除样式

        时间:2023-10-02

          <i id='4Dzdo'><tr id='4Dzdo'><dt id='4Dzdo'><q id='4Dzdo'><span id='4Dzdo'><b id='4Dzdo'><form id='4Dzdo'><ins id='4Dzdo'></ins><ul id='4Dzdo'></ul><sub id='4Dzdo'></sub></form><legend id='4Dzdo'></legend><bdo id='4Dzdo'><pre id='4Dzdo'><center id='4Dzdo'></center></pre></bdo></b><th id='4Dzdo'></th></span></q></dt></tr></i><div id='4Dzdo'><tfoot id='4Dzdo'></tfoot><dl id='4Dzdo'><fieldset id='4Dzdo'></fieldset></dl></div>

          <tfoot id='4Dzdo'></tfoot>
            <tbody id='4Dzdo'></tbody>

              <small id='4Dzdo'></small><noframes id='4Dzdo'>

              <legend id='4Dzdo'><style id='4Dzdo'><dir id='4Dzdo'><q id='4Dzdo'></q></dir></style></legend>
                • <bdo id='4Dzdo'></bdo><ul id='4Dzdo'></ul>
                  本文介绍了使用 CSS 或 Javascript 复制/剪切时从文本中删除样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  哟,

                  好吧,一直在研究这个:如何在不带任何样式包袱(背景颜色、颜色等)的情况下复制/剪切样式文本?

                  Alright been noodling on this one for a while: How copy/cut styled text without bringing along any style baggage (background-color, color, etc)?

                  已被挫败的几条攻击路线:

                  Couple of routes of attacks that have been foiled:

                  1. 使用 ::select 为文本设置不同的样式? 不起作用, ::style 没有被复制
                  2. 使用 jQuery 的选择绑定设置所选文本的样式 这仅适用于输入,而不适用于 p、div
                  3. 通过使用 jQuery 将事件绑定到复制/粘贴来拦截和删除样式? 无法访问复制的对象以删除内容,尝试使用 e.preventDefault();然后返回事件对象,但这也不起作用
                  4. 保存后修改剪贴板数据? 同样没有骰子,大多数浏览器不会让你在没有 Flash 和某种确认的情况下进入这个

                  无论如何,想法?似乎它对于具有白色背景颜色的网站非常有用.

                  Anyway, thoughts? Seems like it would be very useful for sites that have white background colors.

                  推荐答案

                  我现在没有时间编写示例,但是您可以为键盘快捷键触发的剪切/复制执行此操作.它不适用于通过上下文菜单或编辑菜单选项进行剪切/复制,因为它依赖于在剪切或复制事件触发之前更改用户选择.

                  I haven't got time to code up an example now, but you could do this for cut/copy triggered by keyboard shortcuts. It wouldn't work for cut/copy via context menu or Edit menu options because it relies on changing the user selection before the cut or copy event fires.

                  步骤:

                  1. 处理 Ctrl-CCtrl-X 键盘快捷键和 Mac 等效项.
                  2. 在此处理程序中,创建一个离屏元素(例如,绝对位置和左侧 -10000 像素)并将所选内容复制到其中.您可以使用 window.getSelection().getRangeAt(0).cloneContents() 来执行此操作,尽管您需要单独的 IE 代码 <9 并且您应该检查选择是否折叠.
                  3. 随心所欲地更改屏幕外元素内容的样式.
                  4. 移动选择以包含屏幕外元素的内容,以便剪切或复制此内容.
                  5. 使用 window.setTimeout() 添加一个短暂的延迟(几毫秒),该延迟会调用一个删除屏幕外元素并恢复原始选择的函数.
                  1. Handle the Ctrl-C and Ctrl-X keyboard shortcuts and the Mac equivalents.
                  2. In this handler, create an off-screen element (absolute position and left -10000px, say) and copy the selected content into it. You can do this using window.getSelection().getRangeAt(0).cloneContents(), although you'll need separate code for IE < 9 and you should check the selection is not collapsed.
                  3. Do whatever you like to to change the styling of the content of the off-screen element.
                  4. Move the selection to encompass the content of the off-screen element so that it is this content that is cut or copied.
                  5. Add a brief delay (a few milliseconds) using to window.setTimeout() that calls a function that removes the offscreen element and restores the original selection.

                  这篇关于使用 CSS 或 Javascript 复制/剪切时从文本中删除样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  上一篇:在 chrome 中,使用 window.Clipboard 对象,有没有办法捕获粘贴的文本? 下一篇:想要将 Rally 故事从一个项目复制到另一个项目

                  相关文章

                  <tfoot id='dH76n'></tfoot>

                    1. <small id='dH76n'></small><noframes id='dH76n'>

                    2. <legend id='dH76n'><style id='dH76n'><dir id='dH76n'><q id='dH76n'></q></dir></style></legend>
                      • <bdo id='dH76n'></bdo><ul id='dH76n'></ul>
                      <i id='dH76n'><tr id='dH76n'><dt id='dH76n'><q id='dH76n'><span id='dH76n'><b id='dH76n'><form id='dH76n'><ins id='dH76n'></ins><ul id='dH76n'></ul><sub id='dH76n'></sub></form><legend id='dH76n'></legend><bdo id='dH76n'><pre id='dH76n'><center id='dH76n'></center></pre></bdo></b><th id='dH76n'></th></span></q></dt></tr></i><div id='dH76n'><tfoot id='dH76n'></tfoot><dl id='dH76n'><fieldset id='dH76n'></fieldset></dl></div>