javascript - 从 javascript 中的工具提示复制文本？

Question

有没有办法在不使用 javascript 中的任何附加插件的情况下从工具提示中复制文本？

例如:

<tr>
    <td title="NitiN">NitiN</td>
<tr>

当我将鼠标悬停在 td 标签上时，它会显示工具提示，其中包含字符串“NitiN”。所以，我希望允许用户在不使用任何额外的 JS 插件的情况下选择工具提示上的文本

Answer 1

你需要类似 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 .