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

时间:2015-10-16 11:24:13

标签: javascript jquery

我想要一个javascript函数,如果我将鼠标悬停在" ExampleText"等文本上,它将生成一些具有相同长度的悬停文本的随机字符,如" $ 45a%b8r5c7"每次它生成随机字符。如果我在文本上取消,它将显示旧的orignal文本,它是" ExampleText"。

2 个答案:

答案 0 :(得分:2)

试试这个

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

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

答案 1 :(得分:1)

如果您想指定生成的字符,也许您可​​以使用以下内容:

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

HTML:

solution1.onclick = multiples(fix);

jQuery的:

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