js 做留言提交

Posted 很快就是大牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 做留言提交相关的知识,希望对你有一定的参考价值。

如下是留言提交源码

功能:点击按钮或点击enter键可以提交内容
扩展:ctrlKeyshiftKeyaltKye
可以将如上三个参数与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 +‘ ‘;
oText2.value = null;
};
oText2.onkeydown = function (ev) {
var oEvent = ev||event;
if(oEvent.keyCode == 13){
oText1.value +=oText2.value +‘ ‘;
oText2.value = null;
}
};
}
</script>
<body>
<textarea id="text1" rows="10" cols="40">
</textarea>
<input id="text2" type="text">
<button id="btn1">留言</button>
</body>
</html>

以上是关于js 做留言提交的主要内容,如果未能解决你的问题,请参考以下文章

JS-制作留言提交系统(支持ctrl+回车)

js代码循环提交多个请求?麻烦帮忙改成完整代码

ctrl+enter提交留言

不用数据库 编写一个PHP留言板 提交后 在页面中显示留言内容 留言时间等

跨站脚本漏洞测试流程

dede模板留言提交错误时返回空白页处理方法