码迷,mamicode.com
首页 > Web开发 > 详细

js 做留言提交

时间:2019-02-18 23:27:17      阅读:347      评论:0      收藏:0      [点我收藏+]

标签:put   onclick   pre   var   null   操作   UNC   htm   input   

如下是留言提交源码

功能:点击按钮或点击enter键可以提交内容
扩展:ctrlKey\shiftKey\altKye
可以将如上三个参数与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 +‘\n‘;
oText2.value = null;
};
oText2.onkeydown = function (ev) {
var oEvent = ev||event;
if(oEvent.keyCode == 13){
oText1.value +=oText2.value +‘\n‘;
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 做留言提交

标签:put   onclick   pre   var   null   操作   UNC   htm   input   

原文地址:https://www.cnblogs.com/xuwebdesign/p/10398371.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!