js组装input文本框不能输入换行和回车

JavaScript027

js组装input文本框不能输入换行和回车,第1张

文本框不能换行的,要是文本框可以换行就成了文本域了,你要是觉得文本框不够长,可以通过设置其width属性改变其长度

第一个我觉得都可以用js来实现,当用户按回车(event。code==13)后就在文本后面加个回车符(#13,不知道是不是用的不多)。第二个如果控件不支持的话,就无法改变要么通过css来作咯

文本框(input-text)不可能全部是回车的,因为不能换行,你可以通过event.keyCode==13来判断如果是文本域(textarea),可以通过正则表达式或者对所有字符长度来判断

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

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

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

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

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

六、执行结果如下:

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

八、刷新页面,测试: