javascript - 如何用空格替换文本区域中的换行符

Question

我有一个 HTML 表单，其中使用 JavaScript 函数将换行符 (\n) 替换为空格。我正在使用 onClick 方法来调用该函数。

HTML 表单看起来像这样 -

<form action="#" method="post">
Type text here<br />
<textarea name="text" onClick="autofix();" id="textarea"></textarea><br />
<input type="submit" value="Save">
</form>

JavaScript 代码看起来像这样 -

<script>
function autofix()
{
var text=document.getElementById('textarea');
var revnl=text.replace(/(\r\n|\n|\r)/gm," ");
text=revnl;
}

但是它不起作用!请帮忙

Answer 1

附加到 onkeyup 事件(或 onkeydown)。

然后，将脚本替换为:

var textarea = document.getElementById('textarea');
var revnl = textarea.value.replace(/\s/gm," ");
textarea.value = revnl;

这将用公共(public)空格替换所有空格(甚至新行和制表符)。

编辑:用于多个文本区域

您可以使用闭包:

function attachAutofix(id)
{
    document.getElementById(id).onkeydown = function (ev) { // or onkeyup
        ev = ev || event;
        target = ev.target || ev.srcElement;
        target.value = target.value.replace(/\s/gm," ");
    };
}

最后，附加事件:

window.onload = function () {
    attachAutofix("firstTextarea");
    attachAutofix("secondTextarea");
    attachAutofix("thirdTextarea");
};