ctrl+enter提交留言
Posted 2350305682
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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()
以上是关于ctrl+enter提交留言的主要内容，如果未能解决你的问题，请参考以下文章