分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

js 做留言提交

发布时间:2023-09-06 02:33责任编辑:熊小新关键词:js
如下是留言提交源码

功能:点击按钮或点击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 做留言提交

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved