有没有办法在不使用 javascript 中的任何附加插件的情况下从工具提示中复制文本?
例如:
<tr>
<td title="NitiN">NitiN</td>
<tr>
当我将鼠标悬停在 td 标签上时,它会显示工具提示,其中包含字符串“NitiN”。 所以,我希望允许用户在不使用任何额外的 JS 插件的情况下选择工具提示上的文本
最佳答案
你需要类似 this 的东西
HTML
<table><tbody>
<tr>
<td title="Mouse over me o_O">I'm just td</td>
</tr>
</tbody></table>
<div title="Thanks, man!">Hover me!</div>
CSS
.tooltip {
display: none;
position: absolute;
left: 0;
top: 100%;
z-index: 2;
background-color: grey;
border: 1px solid black;
border-radius: 10px;
padding: 10px;
min-width: 200px;
}
JS
window.addEventListener( "load", function( windowLoadE ) {
var elements = document.body.querySelectorAll( "[title]" );
for ( var i = 0; i < elements.length; i++ ) {
elements[ i ].style.position = "relative";
var tooltip = document.createElement( "div" );
tooltip.setAttribute( "class", "tooltip" );
tooltip.innerText = elements[ i ].getAttribute( "title" );
elements[ i ].appendChild( tooltip );
elements[ i ].addEventListener( "mouseenter", function( elMouseEneterE ) {
var tooltip = this.querySelector( "div.tooltip" );
tooltip.style.display = "inline";
} );
elements[ i ].addEventListener( "mouseleave", function( elMouseEneterE ) {
var tooltip = this.querySelector( "div.tooltip" );
tooltip.style.display = "none";
} );
}
} );
但最好使用任何插件,例如 this .
关于javascript - 从 javascript 中的工具提示复制文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24858066/