<!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. 鼠标放上去，div高度随文字增加，并显示剩余的文字。

    /*这里是鼠标放上去显示全名   */    .kb2wText{display:block; height:20px; width:150px; line-height:20px; color:#0 ...

  2. c#委托之最大

    public delegate int ceshi(object o1, object o2); static void Main(string[] args) { string[] a = { &q ...

  3. 2015-11-04 报表（c#部分）（Datatable 查询，弹出日期控件，输入是否整数）

    using System;using System.Collections;using System.Configuration;using System.Data;using System.Linq ...

  4. Eclipse编译器及一些jdk + notepad

    Eclipse32位系统 http://pan.baidu.com/s/1i3eU8V7 Eclipse64位系统 http://pan.baidu.com/s/1i36ERCp jdk64位 htt ...

  5. 关于sql状态值

    C = CHECK 约束D = 默认值或 DEFAULT 约束F = FOREIGN KEY 约束L = 日志FN = 标量函数IF = 内嵌表函数P = 存储过程PK = PRIMARY KEY 约 ...

  6. Poj(1273)，最大流，EK

    Drainage Ditches Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 69355   Accepted: 2687 ...

  7. WPFのTopMost属性的应用

    最近做一个东西,需要用到多个子窗体层级关系,首先,有一个MainWindow,然后有一个win1和win2甚至更多,我需要达到的控制是,win1选为focus的时候,win2在win1的上面,TopM ...

  8. Java对象克隆（Clone）及Cloneable接口、Serializable接口的深入探讨

    Java对象克隆(Clone)及Cloneable接口.Serializable接口的深入探讨 Part I 没啥好说的,直接开始Part II吧. Part II 谈到了对象的克隆,就不得不说为什么 ...

  9. Creating HTML table with vertically oriented text as table header 表头文字方向

    AS an old question, this is more like info or reminder about vertical margin or padding in % that ta ...

  10. Spring的DI(Ioc) - 注入bean 和 基本数据类型

    注入bean有两种方式: 注入其他bean: 方式一 <bean id="orderDao" class="cn.itcast.service.OrderDaoBe ...