Вы можете поместить каждую букву в элемент span
, а затем добавить к нему событие onmouseover
.
Например:
function func1(){
document.writeln("H");
}
function func2(){
document.writeln("e");
}
<!DOCTYPE html>
<html>
<body>
<p><span onmouseover="func1();">H</span><span onmouseover="func2();">e</span>llo World!</p>
</body>
</html>
Обратите внимание, что он также заменяет текст, который уже был там.