Javascript 点击一个单词然后突出显示

我花了好几个小时才把这件事做好

我需要一个函数来突出显示字符，如果它是正确的

例如，单词是“halluluja”，我有一个输入字段

当用户点击“h”时，必须在“halleluja”中使“h”变为红色，如果用户点击“ha”，则必须突出显示a。等等

我用substr试过一些东西，但运气不好

'typing':function(e){
         var c = w.length; //The word length, ex. halleluja
         for ( i=0;i<e.length;i++){ //foreach each
            var o = e.substr(0, e.length); var l = w.substr(i,i+1); //my typing substr, and the char substr
            if ( o.toLowerCase() == l.toLowerCase()){ //correct
                //highlight the letter.
            }
         }
      },

试试这个：

html:

你好，世界
​

JavaScript:

var source = 'hello world';

$(document).ready(function(){
    $('#txt').keyup(function(){
         var text = $(this).val();
         var replaced = source.replace(text, '<span class="highlight">' + text + '</span>');
         $('#preview').html(replaced);
    });
});​

var source='hello world'；
$（文档）.ready（函数（）{
$（'#txt'）.keyup（函数（）{
var text=$（this.val（）；
var replaced=source.replace（文本“+”文本+”）；
$（'#preview'）.html（已替换）；
});
});​

试试这个：

html:

你好，世界
​

JavaScript:

var source = 'hello world';

$(document).ready(function(){
    $('#txt').keyup(function(){
         var text = $(this).val();
         var replaced = source.replace(text, '<span class="highlight">' + text + '</span>');
         $('#preview').html(replaced);
    });
});​

var source='hello world'；
$（文档）.ready（函数（）{
$（'#txt'）.keyup（函数（）{
var text=$（this.val（）；
var replaced=source.replace（文本“+”文本+”）；
$（'#preview'）.html（已替换）；
});
});​

当用户点击

a

时拉小提琴，是只想突出显示a还是h和a都是红色？当用户点击

a

时拉小提琴，是只想突出显示a还是h和a都是红色？这是不区分大小写且只突出显示开头的叉子。这是不区分大小写，仅突出显示开头。

var source = 'hello world';

$(document).ready(function(){
    $('#txt').keyup(function(){
         var text = $(this).val();
         var replaced = source.replace(text, '<span class="highlight">' + text + '</span>');
         $('#preview').html(replaced);
    });
});​