JS-制作留言提交系统（支持ctrl+回车）

最新推荐文章于 2022-11-25 14:41:31 发布

weixin_33939380

最新推荐文章于 2022-11-25 14:41:31 发布

阅读量171

点赞数

文章标签：前端 javascript ViewUI

原文链接：https://yq.aliyun.com/articles/606485

版权

弹出键值说明：

//console.log(ev.keyCode)
//回车：13
//ctrl:17

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>留言提交系统</title>
 6         <meta name="author" content="郭菊锋/702004176@qq.com"/>
 7     </head>
 8 
 9     <body>
10         <input type="text" name="" id="txt" value="" />
11         <input type="button" name="" id="btn" value="提交" /><br />
12         <textarea name="" rows="20" cols="80" id="txtArea"></textarea><br />
13     </body>
14 </html>

html代码

 1 <script type="text/javascript">
 2     window.onload = function() {
 3         var oTxt = document.getElementById("txt");
 4         var oBtn = document.getElementById("btn");
 5         var oTxtArea = document.getElementById("txtArea");
 6         oBtn.onclick = function() {
 7             addTxt();
 8         };
 9         oTxt.onkeydown = function(ev) {
10             var ev = ev || window.event;
11             //console.log(ev.keyCode)
12             if(ev.keyCode == 13 && ev.keyCode == 17) {
13                 addTxt();
14             }
15             if(ev.keyCode == 13) {
16                 addTxt();
17             }
18         };
19 
20         function addTxt() {
21             if(oTxt.value == "") {
22                 alert("请输入内容");
23             }
24             oTxtArea.value = oTxt.value;
25             oTxt.value = "";
26         };
27     }
28 </script>

weixin_33939380

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS-制作留言提交系统（支持ctrl+回车）

弹出键值说明：//console.log(ev.keyCode)//回车：13//ctrl:17 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>留...
复制链接

扫一扫