javascript-选择中文文本时的工具提示_Javascript_Tooltip

javascript-选择中文文本时的工具提示

javascript

javascript-选择中文文本时的工具提示,javascript,tooltip,Javascript,Tooltip,我想显示一个小的工具提示，它将嵌入用户在网页上选择的汉字。实际上，我只是想放大字体。我在另一个网站（ramou.net）上看到过这种功能，但我不认为他编写这种功能的方式是最简单的（而且似乎不是很通用）欢迎任何提示谢谢大家! 找到了解决方案： <!DOCTYPE html> <html> <head> <script> function Mid(String, i, lon) { return Str

我想显示一个小的工具提示，它将嵌入用户在网页上选择的汉字。实际上，我只是想放大字体。我在另一个网站（ramou.net）上看到过这种功能，但我不认为他编写这种功能的方式是最简单的（而且似乎不是很通用）

欢迎任何提示

谢谢大家!

找到了解决方案：

   <!DOCTYPE html>
    <html>
    <head>
    <script>
    function Mid(String, i, lon)
    { return String.substr(i-1, lon); }
    function Len(String)
    { return String.length; }
    function AscW(String)
    { return String.charCodeAt(0); }

    function EstMotChinois(sUni) {
    var kUniMin = 19968
    var kUniMax = 40869
    var i, iLon, iUni;
    var bDes = false;

        iLon = sUni.length;
        if(iLon == 0) { return bDes; }
        for(i=1; i<=iLon; i++) {
            iUni = AscW(Mid(sUni, i, 1));

            if(iUni < kUniMin || iUni > kUniMax) {
                return bDes; }
        }

        bDes = true;
        return bDes;
    }
    function displayChar()
    {
    sUnicode = document.getSelection().toString();
    if(EstMotChinois(sUnicode)){
    document.getElementById('toolTip').style.display = 'block';
    document.getElementById('toolTip').textContent = document.getSelection();
    }
    }


    </script>
    </head>
    <body >
    <div style="background-color: rgb(12, 135, 140); border: 1px solid rgb(102, 0, 0); position: absolute; top: 30px; left: 30px; display: none;  font-size: 30px;" id="toolTip" onclick="document.getElementById('toolTip').style.display = 'none';"></div>

    <p onmouseup="displayChar()">
    "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris n多少钱多少钱多少钱多少钱isi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
    </p>

    </body>
    </html>


函数Mid（字符串、i、lon）
{返回字符串.substr（i-1，lon）；}
函数Len（字符串）
{return String.length；}
函数AscW（字符串）
{返回字符串.charCodeAt（0）；}
墨脱语功能（sUni）{
var kUniMin=19968
var kUniMax=40869
var i、iLon、iUni；
var-bDes=false；
iLon=sUni.长度；
如果（iLon==0）{返回bDes；}
对于（i=1；i kUniMax）{
返回bDes；}
}
bDes=正确；
返回溴化二苯醚；
}
函数displayChar（）
{
sUnicode=document.getSelection（）.toString（）；
if（伊斯特莫特奇诺（sUnicode））{
document.getElementById（'toolTip'）.style.display='block'；
document.getElementById（'toolTip'）.textContent=document.getSelection（）；
}
}


“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”多少钱多少钱多少钱多少钱我是一个普通的消费者。我是一个不诚实的人，我是一个不诚实的人，我是一个不诚实的人，我是一个不诚实的人，我是一个不诚实的人