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

弹出键值说明:

//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="郭菊锋/[email protected]"/>
 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

时间: 2024-08-05 14:33:12

JS-制作留言提交系统(支持ctrl+回车)的相关文章

js 做留言提交

如下是留言提交源码 功能:点击按钮或点击enter键可以提交内容扩展:ctrlKey\shiftKey\altKye 可以将如上三个参数与oEvent.keyCode == 13 进行与操作可以得到 点击ctrl+enter等操作才能提交内容 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title

利用“多说”制作留言板、评论系统

留言板和评论系统在网站建设中会经常用到,今天为大家介绍如何利用多说来为自己的网站制作留言板.评论系统!注意以下只是介绍一下简单的创建设置,更多功能大家可以自己去探索! 1.进入多说网站 http://duoshuo.com/ 并且登录. 2.点击首页的“我要安装”,进入创建站点页面,然后根据自己的实际情况填写信息. 3.进入后台管理界面,点击工具->获取代码->通用代码,将这段代码复制到你留言板或者是评论区的地方,代码中需要你填写的信息在“文章”中设置 4.文章设置->添加文章,注意如果

用JS制作一个信息管理平台完整版

  前  言 JRedu 在之前的文章中,介绍了如何用JS制作一个实用的信息管理平台. 但是那样的平台功能过于简陋了,我们今天来继续完善一下. 首先我们回顾一下之前的内容.   1.JSON的基础知识 1.1  什么是JSON JSON是数据交互中,最常用的一种数据格式. 由于各种语言的语法都不相同,在传递数据时,可以将自己语言中的数组.对象等转换为JSON字符串. 传递之后,可以将JSON字符串,再解析为JSON对象. JSON对象的使用与JS中的对象基本相同,唯一需要区别的是,JSON中的键

JS制作二级联动

JS制作二级联动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

CSS3+Js制作的一款响应式导航条

今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media Query.具体可以查看浅谈响应式布局这篇文章,这里就不花费大量的篇幅介绍了,主要看一下这个导航条该怎么做. 另外需要提到的是,ie6-ie8是不支持CSS3的Media Query的,因此对于ie6-ie8我们需要特殊处理,就让他们保持默认样式,这对于布局及样式上都要考虑到这一点. 首先看一下布局这一块,html代码如下: 1 2 3 4 5 6 7 8 9

使用sharepoint2010 分组日历制作会议室预订系统

近期由于会议较多,各部门之间使用会议室时间冲突频繁发生,使沟通成本明显增加.为了规范 化管理会议室资源,提高会议效率,降低沟通成本,上线一套会议室管理系统势在必行. 现有生产环境中,拥有微软的sharepoint系统,而sharepoint 2010的分组日历功能支持用户预订会 议室和视听设备等资源.所以最先考虑使用sharepoint的内在资源预订功能.其他开源软件系统诸如 mrbs等暂不考虑,之后可以考虑部署mrbs和sharepoint两套系统对比一下. 配置sharepoint 资源预订

小米2S 中文和英文支持TWRP,真实双系统支持

经过我几天的努力小米2S的TWRP 的功能已经完美了. 支持功能 : 中文和英文显示能相互切换 真实双系统功能已经完成95%. 刷入手机方法.由于时间原因我只制作了img文件.没有制作成卡刷包格式. 刷入方法用 Fastboot 命令: fastboot flash recovery recovery.img fastboot reboot 源代码地址:https://github.com/sndnvaps/android_bootable_recovery_twrp 发布日期 2014-08-

阿里云服务器,在主机管理控制台添加系统支持的 MIME 的类型

问题描述: 在虚拟主机上发布网站后,MP4文件无法播放,提示修改MIME,有以下解决方案? 1. Windows 主机系统的虚拟主机,在 主机管理控制台 可以添加系统支持的 MIME 的类型. 操作的方式: 登录 主机管理控制台 > 站点信息 > 高级环境设置 > MIME类型设置. MIME 类型如果不知道,请查看文档最后列出的常用类型介绍. 比如添加 pdf ,mp4等类型 : 第一个方框(文件类型)填写 .pdf ,第二个(应用程序)填写 application/pdf . 第一个

LigerUi框架+jquery+ajax无刷新留言板系统的实现

前些天发布了LigerUi框架的增.删.改代码,一堆代码真的也没一张图片.有的网友推荐上图,所有今天把涉及到这个框架的开源的留言板共享给大家.在修改的过程中可能有些不足的地方希望大家拍砖. 因为留言板前台展示页基本采用ajax进行操作的,所以前台页面只有一个index.html页可查看.在运行的时候请打开这个页面,压缩文件里面包括编译版本和源码,大家可以用vs调试或者IIS运行查看 只要支持.net2.0就行,数据采用了access和mssql数据两个都可以,切换的时候请在配置文件中修改.废话就