gpt4 book ai didi

javascript - 如何添加 shift + enter 键转到下一行和提交按钮的 Enter 键?

转载 作者:太空宇宙 更新时间:2023-11-04 07:25:35 29 4
gpt4 key购买 nike

我想添加 shift + enter 键转到下一行,只需 enter 键 即可使用 JAVASCRIPT 触发提交按钮仅。

如何实现?

我也想提交多行文本......提前致谢

function typo() {
if (document.getElementById("myText").value.trim().length == 0) {
document.getElementById("myText").focus();

}
else
{
var currentText = document.getElementById("demo").innerHTML;
var x = '<div><p class=bubble>' + document.getElementById("myText").value + '</p></div>';
document.getElementById("myText").value = "";
var y = document.getElementById("demo").innerHTML = currentText + x;

var z = document.getElementById('demo');
z.scrollTop = z.scrollHeight;

document.getElementById("myText").focus();
}
}

var input = document.getElementById("myText");
input.addEventListener("keyup", function(event)
{
event.preventDefault();
if (event.keyCode === 13 && input.value.trim().length >0)
{

document.getElementById("btn-chat").click();

}
});
  <div id="demo"></div>

<textarea class="widebox" type="text" id="myText" value=""></textarea>
<button onclick="typo()" class="btn btn-warning btn-sm" id="btn-chat">Send</button>
</div>

最佳答案

提出问题 = 一个问题。现在开始 ;)

第一个问题,你必须控制默认行为

$("textarea").keydown(function(e){
// Enter was pressed + shift key
if (e.keyCode == 13 && e.shiftKey)
{
// prevent default behavior
e.preventDefault();
}
});

对于第二个问题,你应该添加:

// "Enter" key on the keyboard is 13 keyCode
if (event.keyCode === 13) {
// Trigger the button element with a click
document.getElementById("myBtn").click();
}

关于javascript - 如何添加 shift + enter 键转到下一行和提交按钮的 Enter 键?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49919040/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com