ctrl+enter提交留言

<!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()

posted @ 2016-10-26 22:21  2350305682  阅读(283)  评论(0编辑  收藏  举报