如何在输入类型中按回车键 文本调用函数 javascript 通过不提交表单

How to press enter in input type text call function javascript by not submit form?

本文关键字：javascript 函数 调用 表单 提交 文本 输入 类型 回车      更新时间：2023-09-26

如何在输入类型中按enter 文本调用函数 javascript 通过不提交表单？

当将数据填写到输入类型文本中并按enter keyboard时，我只想通过不提交表单来调用函数detect_enter_keyboard(event)。

我该怎么做？

https://jsfiddle.net/atuyx7qc/

<form>
<input type="text" name="user" onkeypress="detect_enter_keyboard(event)">
<input name="btnLogin" onclick="test_fn();" type="button" value="Send">
</form>
<script>
function detect_enter_keyboard(event) {
    var key_board_keycode = event.which || event.keyCode;
    if(key_board_keycode == 13)
    {
        test_fn();
    }
}
</script>
<script>
function test_fn(){
alert("555555");
}
</script>

with preventDefault() .在if(key_board_keycode == 13)后添加此行：

event.preventDefault();

使用这个

function detect_enter_keyboard(event) {
    var key_board_keycode = event.which || event.keyCode;
    if(key_board_keycode == 13)
    {
        event.preventDefault();
        test_fn();
    }
}
function test_fn(){
    alert("555555");
}
<form >
<input type="text" name="user" onkeypress="detect_enter_keyboard(event)">
<input name="btnLogin" onclick="test_fn();" type="button" value="Send">
</form>

相关文章：