一、设计思路：设计一个简单的输入对话框，然后按下enter进行输入事件。
二、聊天输入框的代码如下：
三、此时的页面展示如下：
四：设计函数，使得输入文字时，按下按钮可以提交到聊天框。
五、此时在页面上测试，输入一段文字：
六、执行结果如下：
七、设计函数，使得按下enter跟按钮同样的功能：
八、刷新页面，测试：
这个直接添加一个按键按下事件九可以了，但是前提是不能让form表达提交，有两种办法，第一种直接去掉form，然后监听按键按下事件，第二种阻止按 ENTER 时表单的默认提交行为，这里用第二种，代码如下：<html>
<head>
<title>...</title>
</head>
<body>
<form>
<input type="text" name="txt" onkeydown="if(event.keyCode===13){this.value='abc'event.preventDefault()}" />
</form>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）