js 做留言提交

如下是留言提交源码

功能：点击按钮或点击enter键可以提交内容扩展：ctrlKey\shiftKey\altKye 可以将如上三个参数与oEvent.keyCode == 13 进行与操作可以得到 点击ctrl+enter等操作才能提交内容

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><script>    window.onload = function () {

        var oText1 = document.getElementById(‘text1‘);        var oText2 = document.getElementById(‘text2‘);        var obtn1 = document.getElementById(‘btn1‘);

        obtn1.onclick = function () {            oText1.value += oText2.value +‘\n‘;            oText2.value = null;        };        oText2.onkeydown = function (ev) {            var oEvent = ev||event;            if(oEvent.keyCode == 13){                oText1.value +=oText2.value +‘\n‘;                oText2.value = null;            }        };    }</script><body>    <textarea id="text1"  rows="10" cols="40">    </textarea>    <input id="text2" type="text">    <button id="btn1">留言</button></body></html>

原文地址：https://www.cnblogs.com/xuwebdesign/p/10398371.html

时间： 2024-10-17 14:08:57

js 做留言提交的相关文章

用js做一个简单的留言板效果

html部分: 1: <!DOCTYPE> 2: <html lang="zh-en"> 3: <head> 4: <title>js实现简单留言板</title> 5: <meta http-equiv="content-type" content="text/html;charset=utf-8"> 6: <link rel="stylesheet&quo

django Forgienkey字段 在前台用js做处理

在我做的项目中有个选择省城市的选项,这两个字段的关系是一对多的关系class Province(models.Model): # 省会      name = models.CharField(max_length=30) class City(models.Model): #城市      name = models.CharField(max_length=30)       province = models.ForeignKey(Province) 前台代码:<html><hea

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]&quo

JS做一个四则运算计算器

用JS做一个简单的网页计算器如上图所示,只进行简单的加减乘除运算 <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>计数器</title></head><body>    <input type="text" name="text"

JS做深度学习1——偶然发现与入门

JS做深度学习1--偶然发现与入门 不久前,我初次涉猎了Node.js,并且使用它开发了毕业设计的WEB模块,然后通过在Node中调用系统命令执行Python文件方式实现了深度学习功能模块的对接,Python代码的介入,让JS代码显得很累赘,我说过我很爱ES6以后的JS并且很讨厌Python的代码风格,无奈,我在写毕设那会Google还没有正式发布基于JS的深度学习框架,好吧,其实我对这事已经抱怨了很久,但是我的"呼声"仿佛很快就被Google"认同了"(滑稽),就

用js做登录的用户名判定

<script type="text/javascript" language="javascript" src="JS/jquery.js"></script>    <script language="javascript" type="text/javascript">      $(document).ready(function() {            

js表单提交回调函数

在研究表单的时候发现一个有意思的东西——在表单提交的时候如何保证数据全部提交完毕才会清空? 我们常用的<input type="reset" value="重置" />,或者jquery的$('input[name=xxx]')val(''),直接清空input的value值,都是单纯的直接清空,不会等待数据提交完毕后在清空,所以会有数据传输没完成就清空的情况,怎么解决? 搜索的时候发现一个答案——写一个回调函数,感觉不严谨.先记录下来,以后慢慢研究.

[3] 用D3.js做一个简单的图表吧！

本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 前面说了几节,都是对文字进行处理,这一节中将用 D3.js 做一个简单的柱形图. 做柱形图有很多种方法,比如用 HTML 的 div 标签,或用 svg . 推荐用 SVG 来做各种图形.SVG 意为可缩放矢量图形(Scalable Vector Graphics),SVG 使用 XML 格式定义图像,不清楚什么是SVG的朋友请先在 w3cschools 学习下

socket.io+angular.js+express.js做个聊天应用(三)

接着前面博客文章socket.io+angular.js+express.js做个聊天应用(二) 首先开发之前先介绍下bower.它是用来管理前端类库的(详细介绍,安装可看http://blog.csdn.net/edagarli/article/details/26359535) [email protected]:~/projects/nodejs/chattingnode$ bower Usage: bower <command> [<args>] [<options&