如何找到DOM元素的固定字体字符宽度？

Question

有没有简单的方法可靠地获取DOM元素的固定字体的字符宽度？

我已经提出了这里显示的有点hacky方法似乎有效，但必须有更好的方法来做到这一点。

这里我从我渲染的文本区域元素中获取文本高度（尝试创建一个简单的编辑器）。我将它附加到编辑器元素（editorArea），该元素包含我的编辑器使用的字体。然后我计算宽度并删除元素。

编辑：这是TypeScript。

if (!/^(([a-zA-Z]+)+([!@_-]*)+([\s]?)+([a-zA-Z]*))$/.test(document.signup_form.field_67.value.trim())) {
    alert("Organization name should have only Alphanumeric & Special characters");
    document.signup_form.field_67.focus();
    return false;
}