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

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 构建“假”<input>同时更新隐藏字段的标记。这将为您提供无限的设计灵 active 。