javascript 接收到带回车的字符在html页面上不显示回车符。

JavaScript04

javascript 接收到带回车的字符在html页面上不显示回车符。,第1张

HTML是超文本，不是纯文本，所以普通纯文本中的回车符在HTML中被自动转换为单个空格显示了。HTML有本身自己的硬回车符，就是<br>，所以你把接收到的字符中的回车符都替换为<br>就可以正常显示了

document.onkeydown=function(e){console.log(e.keyCode)}

监听键盘事件，回车是13，空格是32；

你可以复制上面的代码，按F12 粘贴进控制台，按键盘就可以看到每个键对应的code

一、设计思路：设计一个简单的输入对话框，然后按下enter进行输入事件。

二、聊天输入框的代码如下：

三、此时的页面展示如下：

四：设计函数，使得输入文字时，按下按钮可以提交到聊天框。

五、此时在页面上测试，输入一段文字：

六、执行结果如下：

七、设计函数，使得按下enter跟按钮同样的功能：

八、刷新页面，测试：