Question

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

例如：

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

当我将鼠标悬停在td标签上时，它会向我显示工具提示，其中包含字符串＆＃34; NitiN＆＃34;。所以，我希望允许用户在工具提示中选择文本而不使用任何额外的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。

Answer 2

您可以使用jquery;

在鼠标输入中使用.text（）

 var copy =$(this).text();

JavaScript中的

var copy =this.innerHTML;

Answer 3

尝试这样的事情

 var copy =$('#td_id').attr('title');

Answer 4

检查此链接，使用plugins作为工具提示的非默认行为，在悬停复制时保持打开状态。

here和

here

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

4 个答案: