嗨,猜猜。我将向您展示代码的零碎部分。希望您能给我正确的答案。 首先我有CSS代码,其中线条的结构如下所示:
<style type='text/css'>
.gridview {
display: inline-block;
border-collapse: collapse;
margin: 0px 4px 4px 0;
box-shadow: 3px 3px 4px #bbb;
}
.gridview, .gridview td {
margin: 0;
border: 1px solid #cccccc;
}
.gridview tr {
background: #F4F9FD;
}
.gridview tr:nth-child(odd) {
background-color: #EDF5FC;
}
.gridview tr:nth-child(even) {
background-color: #F4F9FD;
}
.gridview td {
font-weight: normal;
text-align: left;
vertical-align: middle;
}
.gridview td {
padding: 4px 10px 5px 9px;
}
.gridview tr:hover td, .gridview tbody tr:hover td {
background-color: #feb4cc;
cursor: pointer;
color: white;
}
.gridview .selected, .gridview tbody .selected {
background-color: #E74C3C;
color: #fff;
}
button {
display: none;
}
td:hover button {
display: block;
margin: -1px -8px 0px 0px;
padding: 0px 2px 0px 2px;
cursor: pointer;
float: right;
}
</style>
Secondly我有点[
function highlight(e) {
if (e.className == 'selected') {
e.className = e.className.replace('selected', '');}
else {
e.className += 'selected';
}
}
function toClipboard(e) {
var cell = e.parentNode,
copyText = cell.getElementsByTagName('span'),
selection = window.getSelection(),
range = document.createRange();
range.selectNodeContents(copyText[0]);
selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
}
</script>
最后[内容的在下面的下方看到:Thirdly
<table border=1 class='gridview'>
<colgroup>
<col width='135'/>
<col width='130'/>
<col width='250'/>
</colgroup>
<tr OnClick=highlight(this)>
<td><span>Row 1 Column 1 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td>
<td><span>Row 1 Column 2 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td>
<td><span>Row 1 Column 3 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td>
</tr>
<tr OnClick=highlight(this)>
<td><span>Row 2 Column 1 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td>
<td><span>Row 2 Column 2 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td>
<td><span>Row 2 Column 3 of Loren Ipsum</span><button onclick=toClipboard(this)><small>Copy</small></button></td>
</tr>
</table>
如果我不希望同时单击运行的[[toClipboard()函数的按钮时不希望包括突出显示的选定行,该怎么办?] >无论如何,在此先感谢您抽出宝贵的时间来阅读此踩任何帮助将不胜感激,谢谢您再一次感谢我英文不好...嗨,猜猜。我将向您展示代码的零碎部分。希望您能给我正确的答案。首先,我有CSS代码,其中的线结构看起来很...问题是