javascript - JQuery 复制输入值，跨度内有多个空格

Question

我正在尝试的是，如果用户输入了一个包含多个空格的值，我希望他们将其复制到一个跨度中。但问题是 span 消除了所有空格。那么我怎样才能实现这个功能。

我尝试过的；

Fiddle

HTML

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

CSS

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

Answer 1

尝试

CSS

.span {
    white-space:pre;
}

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

.span {
    white-space:pre;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="span"></span><br>
<input  type="text" value="1               1" />

http://jsfiddle.net/guest271314/8numkeuu/14/