Javascript JQuery复制输入值，跨距内有多个空格

我尝试的是，如果用户输入了一个带有多个空格的值，我希望他们将其复制到一个范围中。但问题是，span消除了所有空间。那么我如何实现这个功能呢

我尝试过的

Html

---

默认情况下，浏览器将修剪两倍空间，所以您不会看到它们被渲染

您需要将空格替换为，这样才能得到所需的结果

$(".span").html(inputVal.replace(/ /g," "));

此代码仅将所有空格替换为，并在此处起作用：

使用 jquery：

.span {
    white-space:pre;
}

此代码在Fiddle上进行测试。

请尝试

css

$document.readyfunction{ var inputVal=$'input'.val； $'.span'.textinputVal； }; .span{ 空白：预处理； } 参考以便更好地理解

---

将空格替换为将解决此问题。

开始和结束前标记之间的预格式化文本使用固定的with字体呈现，此外，空格字符按字面处理。与其他元素不同，间距和换行符是直接渲染的，重复的空格字符被压缩成单个空格字符，并自动引入换行符。下面的例子被渲染为：你像一团火云一样从地球上跳得越来越高；你翱翔在深蓝的天空中，歌唱着，一直在歌唱着。

$(".span").html(inputVal.replace(/ /g," "));

<span class="span"><pre></pre></span><br>
<input  type="text" value="1               1" />

$(document).ready(function(){
    var inputVal = $('input').val();
    $('.span pre').text(inputVal);
});

$(document).ready(function(){
    var inputVal = $('input').val();

    $('.span').html("<pre>"+inputVal+"<pre>");
});

.span {
    white-space:pre;
}