Question

我正在开发一个小拼写程序，我需要更改拼写错误的字母的颜色。这就是我尝试过的。此代码检测到拼写错误，但不会更改拼写错误的字母的颜色：

$("#inputfield").keyup(function () {
    var inputstring = document.getElementById("inputfield").value;
    var inputlng = inputstring.length;

    if (stavningsord.indexOf(inputstring)!=0) {
        // alert ("Misspell");
        var html = document.getElementById("inputfield");
        var containedhtml = html.innerHTML;
        html.innerHTML = containedhtml.substr(0, containedhtml.length-1) + "<span style='color: red'>" + html.innerHTML.substr(-1) + "</span>";
        // $("#inputfield").html = (inputstring.substr(0, inputstring.length-1) + "<span style='color: red'>" + $(this).html().substr(-1) + "</span>");
        alert ("Misspell");
    }

});

感谢任何帮助！

Answer 1

可悲的是，由于<input>标签是一个系统控件，因此您可以（轻松/合理地）在其中设置一个字母。

如果您希望坚持这一点，您希望将<input>更改为隐藏字段，并使用JS / CSS构建一个＆＃34;假的＆＃34;同时更新隐藏字段的<input>标记。这将为您提供无限灵活的风格。

使用javascript更改字符串中最后一个字母的颜色

1 个答案: