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

JavaScript016

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

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

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

监听键盘事件,回车是13,空格是32;

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

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

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

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

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

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

六、执行结果如下:

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

八、刷新页面,测试: