在空格键上添加空格<span> </span>

Question

我目前有这个功能：

if (e.keyCode == 32){
    var $cursor = $("#cursor")
    $cursor.val("");
    this.append("<span class = 'space'>-</span>");
    $cursor.insertAfter(".space:last");
    $cursor.focus();
}

我想知道如何为跨度添加空格，现在我添加一个短划线进行测试。

Answer 1

您是否尝试过使用空格字符？

//...
this.append("<span class = 'space'> </span>");
//...

如果不起作用，您可以使用 （不间断空格）代替-。

//...
this.append("<span class = 'space'>&nbsp;</span>");
//...

Answer 2

另一种方法是使用CSS：

Test<span class="spacer"></span>Test

.spacer {
    padding-left: 1em;
}

http://jsfiddle.net/Byy2e/