Question

有没有办法在页面加载时制作内置的HTML 5拼写检查测试字段？我想将此功能添加到现有的Intranet站点，以便在用户加载表单时显示拼写错误。

当用户键入无效值时，似乎会显示拼写错误。我正在尝试显示以前保存的无效值，然后将其提供给页面。

这可能吗？谢谢ST

Answer 1

...
<script>
var e;

function spell()
{
    var sp = document.getElementById('sp');
    var sel = window.getSelection();
    sel.selectAllChildren(sp);
    e = sel.getRangeAt(0);
    select(sp, e.startOffset);
    return true;
}

function select(sp, i)
{
    var sel = window.getSelection();
    if (i >= e.endOffset) return true;

    var r = document.createRange();
    r.setStart(sp, i);
    r.setEnd(sp, i);
    i++;
    sel.removeAllRanges();
    sel.addRange(r);
    setTimeout(function() {select(sp, i)}, 20);
    return true;
}

</script>
</head>
<body onload="spell();" >
<div id="sp" spellcheck="true" contenteditable="true">
...

这适用于Chrome。它有点难看，你看到光标在可编辑的div中移动，但它完成了这项工作。

HTML 5拼写检查页面加载

1 个答案: