<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>ctrl+enter提交留言</title>
<style>
</style>
<script src="jquery-1.9.1.js"></script>
<script>
/*$(document).keydown(function(ev){
alert(ev.which); //测试结果enter键值为13
});*/

$(function(){
$("#btn").click(function(ev){
var con=$("#txt2").val()+"\n";//换行符\n
var aa=$("#txt1").html();
$("#txt1").html(aa+con);
$("#txt2").val("");

});
$("#txt2").keydown(function(ev){   //输入的焦点在文本框上，所以给它加事件
if(ev.which==13&&ev.ctrlKey){    //ctrlKey是一个布尔值，当按下ctrl的时候，为true，不按的时候为false;shift/alt以此类推。
var con=$("#txt2").val()+"\n";
var aa=$("#txt1").val();
$("#txt1").val(aa+con);
$("#txt2").val("");
}
});
});
</script>
</head>
<body>
<textarea id="txt1" cols="40" rows="10"></textarea><br>
<input type="text" id="txt2" style="width:300px">
<button id="btn">提交</button>
</body>
</html>
补充：一、value
取值：$("#Text1").val();
设置：$("#Text1").val("公交");
清空：$("#Text1").val(""); //清空

二、html
获取：$("test").html();(如果是一组元素，取的是第一个)
设置：$("test").html("内容");(如果是一组元素，将赋值给所有的元素)
清空：$("test").empty();

三、文本框获得焦点
$(”#Text1”).focus()

ctrl+enter提交留言的更多相关文章

  1. JS错误记录 - 取消事件冒泡、按钮、回车、ctrl回车提交留言

    window.onload = function () { var oDiv = document.getElementById('div1'); var oBtn = document.getEle ...

  2. JS学习笔记 - 点击、回车、ctrl+回车提交留言

    疑点: oTxt1.onkeydown = function (ev) 为什么这里的onkeydown = function有变量 (ev),前面onclick函数没有? window.onload ...

  3. 处理回车提交、ctrl+enter和shift+enter都不提交->textarea正常换行

    <input type="textarea" @on-keypress="handlerMultiEnter"> handlerMultiEnter ...

  4. 文本框获取光标位置 ---- ctrl+enter换行

    业务需求:按下enter键发送信息,按下ctrl+enter键换行 下面代码是网上找的资料 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...

  5. js进阶 12-16 jquery如何实现通过点击按钮和按下组合键两种方式提交留言

    js进阶 12-16 jquery如何实现通过点击按钮和按下组合键两种方式提交留言 一.总结 一句话总结:实现按下组合键提交留言是通过给input加keydown事件,判断按键的键码来实现的. 1.如 ...

  6. 提交留言HTML模板代码

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t ...

  7. 按Ctrl+Enter发送的实现

    按Ctrl+Enter发送 1, 监听textarea的onkeydown事件 <textarea tabindex="1" class="ie6ta" ...

  8. xls表格 ctrl+D 和ctrl+Enter区别 --快速填充相同数据，同时填充多个不同数据

    一.ctrl+Enter应用 如何快速实现下图两个图的填充值效果? ==>效果 1. 选择A列,或者所需要填充的范围 (下面利用 ctrl+G定位应用) 2.Ctrl+G 定位 选择 空值  在 ...

  9. jquery屏蔽掉键盘enter提交 onkeydown

    屏蔽掉enter提交onkeydown onkeydown="if(event.keyCode==13){return false;}"

随机推荐

  1. hihoCoder 数论五·欧拉函数

    题目1 : 数论五·欧拉函数 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Hi和小Ho有时候会用密码写信来互相联系,他们用了一个很大的数当做密钥.小Hi和小Ho约定 ...

  2. c#之xml

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.X ...

  3. 20150612_Andriod contextual action mode 菜单

    参考地址:http://www.xuebuyuan.com/1114028.html              http://www.cnblogs.com/mengdd/p/3564782.html ...

  4. error: command 'x86_64-linux-gnu-gcc' failed with exit status 1

    转载自:http://blog.csdn.net/wang1144/article/details/42277179 在ubuntu14.04版本上安装lxml,老是出错,在一番艰辛的搜索之后 ,终于 ...

  5. 模块shimgvw.dll已加载，但找不到入口点DllRegisterServer

    [环境]Windows 7 / Windows Server 2008 [现象]在文件夹浏览器中不能显示图片缩略图. [错误信息]查系统日志,有如下消息:“模块shimgvw.dll已加载,但找不到入 ...

  6. gulp 建立一个简单的自动化

    前端项目需要的功能: 1.图片(压缩图片支持jpg.png.gif) 2.样式 (支持sass 同时支持合并.压缩.重命名) 3.javascript (检查.合并.压缩.重命名) 4.html (压 ...

  7. require.js的简单使用

    <script src="js/require.js"></script> <script src="js/require.js" ...

  8. ruby学习总结05

    1.数值类(Numeric) 有理数:Rational(分子,分母) 复数:Complex(实数,虚数) 随机数:Rnadom   rand()  返回比1小的浮点数,rand(种子数)  返回0到该 ...

  9. ubuntu下chromium 安装flash player

    原文地址 :http://blog.sina.com.cn/s/blog_858820890102v63w.html 不记得从什么时候起,Chromium 不再支持 Netscape plugin A ...

  10. Linux链接库一（动态库，静态库，库放在什么路径下）

    http://www.cppblog.com/wolf/articles/74928.html http://www.cppblog.com/wolf/articles/77828.html http ...