如何在HTML中制作单击和悬停的工具提示

Question

如何使按钮复制电子邮件的工具提示悬停（复制此文本）并单击（复制的文本）

<button onclick="copyToClip(document.getElementById('foo').innerHTML)">
    Copy Now
</button>

<div id=foo style="display:YES">
    <span style="font: 30px impact; color: blue;">Hello world world</span> 
</div>

<script>
function copyToClip(str) {
    function listener(e) {
        e.clipboardData.setData("text/html", str);
        e.clipboardData.setData("text/plain", str);
        e.preventDefault();
    }
    document.addEventListener("copy", listener);
    document.execCommand("copy");
    document.removeEventListener("copy", listener);
};
</script>

任何人都可以帮助我... 我很抱歉我的英语不好：（