MouseOver 和 MouseLeave 上的随机文本显示真实文本答案

【问题标题】：Random Text On MouseOver And On MouseLeave Show The Real TextMouseOver 和 MouseLeave 上的随机文本显示真实文本
【发布时间】：2015-10-16 11:24:13
【问题描述】：

我想要一个 javascript 函数，如果我将鼠标悬停在像“ExampleText”这样的文本上，它会生成一些具有相同长度的悬停文本的随机字符，比如“$45a%b8r5c7”，并且每次它都会生成随机字符。如果我将鼠标悬停在文本上，它将显示旧的原始文本，即“ExampleText”。

【问题讨论】：

请向我们展示您到目前为止所做的尝试。
这应该很容易实现，有什么问题吗？除非你真的被卡住了，否则人们不会为你编写代码。
我有这个概念，但我只是需要你的人帮助开始一步
这里有 4 个链接供您阅读，了解您的“概念”：Javascript manipulating HTML DOM、onmouseover Event、onmouseout Event 和 Generate a string of random characters。抱歉，您至少应该先尝试自己编写代码，然后再请其他人为您编写代码。
好的，谢谢你的步骤

标签： javascript jquery

【解决方案1】：

试试这个

$('body').on('mouseenter', '.change', function(){
    $('.change').html(Math.random().toString(36).substring(7));
}).on('mouseleave', function(){
    $('.change').html('Example');
});

<div class="change">Example</div>

【讨论】：

谢谢@Amir，那你为什么拒绝我的回答？ :(
显示如下：一旦您总共获得 15 点声望，您的投票将改变公开显示的帖子分数。

【解决方案2】：

如果你想指定生成的字符，也许你可以使用这样的东西：

https://jsfiddle.net/uk7xyapa/1/

HTML：

<span id="originalText">ExampleText</span>
<span id="newText">ExampleText</span>

jQuery:

$(document).ready(function(){
    var originalText = $( "#originalText" ).text();
    $( "#originalText" ).mouseenter(function() {
        var text = '';
        var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789%$';

        for(var i=0; i < $( "#originalText" ).text().length; i++)
        {
            text += possible.charAt(Math.floor(Math.random() * possible.length));
        }
        $( "#newText" ).text( text );
    });
    $( "#originalText" ).mouseleave(function() {
        $( "#newText" ).text( originalText );
    });
})

【讨论】：