HTML按钮作为换行符复制到剪贴板_Html_Css

HTML按钮作为换行符复制到剪贴板

html css

HTML按钮作为换行符复制到剪贴板,html,css,Html,Css,假设我有一个包含6列的。在每一行中，第4列要么包含一个，要么不包含任何内容。第1-3、5-6列包含文本像这样：我希望能够在浏览器窗口中突出显示表格数据，将其复制到剪贴板，并将其粘贴到另一个应用程序（Excel、记事本等）中。但是，似乎起着换行/换行的作用。例如，复制/粘贴上面JSFIDLE中提供的表可以得到以下输出： One Two Three Five Six One Two Three Five Six 最下面一行按我所希望

假设我有一个包含6列的

。在每一行中，第4列要么包含一个

，要么不包含任何内容。第1-3、5-6列包含文本

像这样：

我希望能够在浏览器窗口中突出显示表格数据，将其复制到剪贴板，并将其粘贴到另一个应用程序（Excel、记事本等）中。但是，

似乎起着换行/换行的作用。例如，复制/粘贴上面JSFIDLE中提供的表可以得到以下输出：

One     Two     Three   
Five    Six
One     Two     Three       Five    Six

最下面一行按我所希望的那样工作，但最上面一行不行。它看起来不像是使用

帮助将

添加到单元格中，也不像是将

-bla用户选择的样式应用到
或

有什么方法可以做到这一点吗？
我想这只能归结为“不同的浏览器表现不同。”
为了进一步说明，让我将小提琴改为使用隐藏按钮，而不是空单元格。我在Chrome、Firefox和Internet Explorer之间得到了截然不同的结果：

粘贴到记事本的Firefox：
One     Two     Three   
Five    Six
One     Two     Three       Five    Six

One Two Three   Click   Five    Six
One Two Three       Five    Six

One Two Three Click  Five Six 
One Two Three   Five Six 

粘贴到记事本的铬：
One     Two     Three   
Five    Six
One     Two     Three       Five    Six

One Two Three   Click   Five    Six
One Two Three       Five    Six

One Two Three Click  Five Six 
One Two Three   Five Six 

已粘贴到记事本的Internet Explorer：
One     Two     Three   
Five    Six
One     Two     Three       Five    Six

One Two Three   Click   Five    Six
One Two Three       Five    Six

One Two Three Click  Five Six 
One Two Three   Five Six 

更有趣的是，Internet Explorer在Excel中的行为与在记事本中的不同。记事本显示上述输出，而Excel在两行中都显示“单击”
感谢那些回复的人
编辑：
您可以使用通过.NET访问剪贴板。GetData方法允许您以多种格式之一检索数据
当以“文本”格式查看剪贴板时，复制的值看起来像记事本（如上）的输出
使用“html”格式查看剪贴板（我假设Excel使用该格式）会产生以下结果：
Internet Explorer
Version:1.0
StartHTML:000000203
EndHTML:000001132
StartFragment:000000740
EndFragment:000001084
StartSelection:000000760
EndSelection:000001074
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
<!DOCTYPE HTML>
<HTML><HEAD>
<SCRIPT src="/js/lib/dummy.js" type="text/javascript"></SCRIPT>
             <LINK href="/css/result-light.css" rel="stylesheet" type="text/css">
<STYLE type="text/css">
    table {
  border-collapse: collapse;
}

td {
  border: 1px solid #777777;
  padding: 10px;
}

.hidden {
  display: none;
}
  </STYLE>
   <TITLE></TITLE>
<SCRIPT type="text/javascript">//<![CDATA[
window.onload=function(){

}//]]>

</SCRIPT>
   </HEAD><BODY><TABLE><TBODY><!--StartFragment--><TR class="datarow"><TD>One</TD><TD>Two</TD><TD>Three</TD><TD><BUTTON name="clicker" type="button" value="Click">Click</BUTTON>     </TD><TD>Five</TD><TD>Six</TD></TR><TR class="datarow"><TD>One</TD><TD>Two</TD><TD>Three</TD><TD><BUTTON name="clicker" class="hidden" type="button" value="Click">Click</BUTTON>     <TD>Five</TD><TD>Six</TD></TR><!--EndFragment--></TBODY></TABLE></BODY></HTML>

版本：1.0
StartHTML:000000203
EndHTML:000001132
起始片段：000000740
EndFragment:000001084
开始选择：000000760
EndSelection:000001074
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
桌子{
边界塌陷：塌陷；
}
运输署{
边框：1px实心#777777；
填充：10px；
}
.隐藏{
显示：无；
}
//
一次三次单击五次单击一次三次三次单击五次六次

火狐
Version:0.9
StartHTML:00000149
EndHTML:00000566
StartFragment:00000183
EndFragment:00000530
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
<html><body>
<!--StartFragment--><table><tbody><tr class="datarow"><td>One</td>
    <td>Two</td>
    <td>Three</td>
    <td></td></tr></tbody></table><table><tbody><tr class="datarow"><td>Five</td>
    <td>Six</td>
  </tr>
  <tr class="datarow">
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
    <td>
    </td><td>Five</td>
    <td>Six</td></tr></tbody></table><!--EndFragment-->
</body>
</html>

版本：0.9
StartHTML:00000149
EndHTML:00000566
起始碎片：00000183
EndFragment:00000530
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
一个
两个
三
五
六
一个
两个
三
五
六

铬
Version:0.9
StartHTML:0000000157
EndHTML:0000001709
StartFragment:0000000193
EndFragment:0000001673
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
<html>
<body>
<!--StartFragment--><table style="border-collapse: collapse; color: rgb(0, 0, 0); font-family: &quot;Times New Roman&quot;; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><tbody><tr class="datarow"><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">One</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Two</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Three</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;"><button name="clicker" type="button" value="Click">Click</button></td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Five</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Six</td></tr><tr class="datarow"><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">One</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Two</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Three</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;"></td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Five</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Six</td></tr></tbody></table><!--EndFragment-->
</body>
</html>

版本：0.9
StartHTML:0000000 157
EndHTML:0000001709
起始碎片：0000000193
EndFragment:0000001673
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
OneToThree单击FiveSixOneToThreeFiveSix
Fiddle似乎适合我。最新的Chrome和Excel。也适用于Chrome、Excel和记事本。你在使用什么浏览器/应用程序？哦，哇。是的，Chrome似乎也适合我。然而，最新的Firefox和Excel产生了这个问题。在android和chrome上，我得到：OneWoThreeClickFiveSixOneWoThreeFiveSix