当前位置： 首页 > news >正文

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

news 来源：原创 2024/6/1 15:29:50

弹出键值说明：

//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>
js

 

转载于:https://www.cnblogs.com/padding1015/p/6797711.html

相关文章：

  • 赛门铁克ssl证书   仲裁证书
  • js 选择控件 picker
  • day5时间复杂度
  • 【转】减少缺陷漏测的系统方法体系思考（10年经验的反思）
  • openstack neutron debugs lists
  • pycharm快捷键
  • js之iframe子页面与父页面通信
  • 策略路由
  • 反射与IOC
  • 音频特征提取——常用音频特征
  • 第一个简单的DEMO
  • [14]内置对象
  • firefox ie chrome 设置单元格宽度 td width 有bug,不能正常工作。以下方式可以解决...
  • 简单性能测试: bottle vs flask
  • Java多线程（三） -- Lock
  • 收藏网友的 源程序下载网
  • 【每日笔记】【Go学习笔记】2019-01-10 codis proxy处理流程
  • ➹使用webpack配置多页面应用(MPA)
  • Brief introduction of how to 'Call, Apply and Bind'
  • DataBase in Android
  • FastReport在线报表设计器工作原理
  • Git同步原始仓库到Fork仓库中
  • Java，console输出实时的转向GUI textbox
  • Material Design
  • maya建模与骨骼动画快速实现人工鱼
  • python 装饰器（一）
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • unity如何实现一个固定宽度的orthagraphic相机
  • Xmanager 远程桌面 CentOS 7
  • 构建二叉树进行数值数组的去重及优化
  • 基于HAProxy的高性能缓存服务器nuster
  • 聊一聊前端的监控
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 那些被忽略的 JavaScript 数组方法细节
  • 浅谈web中前端模板引擎的使用
  • 如何正确配置 Ubuntu 14.04 服务器？
  • 收藏好这篇，别再只说“数据劫持”了
  • 通信类
  • 线性表及其算法（java实现）
  • 学习ES6 变量的解构赋值
  • 学习JavaScript数据结构与算法 — 树
  • 要让cordova项目适配iphoneX + ios11.4，总共要几步？三步
  • - 转 Ext2.0 form使用实例
  • nb
  • UI设计初学者应该如何入门？
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • ​Java并发新构件之Exchanger
  • ​linux启动进程的方式
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • ​业务双活的数据切换思路设计（下）
  • $Django python中使用redis, django中使用(封装了),redis开启事务(管道)
  • %check_box% in rails :coditions={:has_many , :through}
  • ( 10 )MySQL中的外键
  • (delphi11最新学习资料) Object Pascal 学习笔记---第7章第3节（封装和窗体）
  • (javascript)再说document.body.scrollTop的使用问题