javascript - 多重提交按钮和回车键

标签 javascript php

我有 4 个提交按钮,

<input type="submit" name="zmianapoz" value="Zmiana Ilości" id="dodaj1" /> 
<input type="submit" name="usunpoz" value="Usunięto" id="dodaj3" /> 
<input type="submit" value="Pobranie" id="dodaj2" /> 

这是第四个:

<input type="submit" name="submit" value="Aktualizuj">

如果我按回车键=13,然后按第四个工作按钮而不是网络上的第一个按钮,我该怎么做? 我尝试使用 onclick 函数,但可能我做错了什么

最佳答案

您应该能够捕获 keydown 事件并自己触发它,如下所示:

document.addEventListener("keydown", function(event) {
  var enter = 13;
  if (event.keyCode === enter) {
    event.preventDefault();
    document.getElementById("dodaj4").click();
  }
});
document.getElementById("dodaj4").addEventListener("click", function() {
  alert("input 4 clicked!");
});
<input type="submit" name="zmianapoz" value="Zmiana Ilości" id="dodaj1" />
<input type="submit" name="usunpoz" value="Usunięto" id="dodaj3" />
<input type="submit" value="Pobranie" id="dodaj2" />

<input type="submit" name="submit" value="Aktualizuj" id="dodaj4">

关于javascript - 多重提交按钮和回车键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40898937/

相关文章:

javascript - 数据列表选项需要脚本验证

javascript - closest() 没有选择元素

php - 如何让我的 friend 在大型数据库上进行 mysql 查询?

php - 包含在包含的文件中不起作用 PHP

php - Yii2 - Sluggable 行为

javascript - Firebug "XML cannot be the whole program"错误消息是什么意思?

javascript - webpack-开发服务器 : command not found

javascript - 有人可以解释以下示例中 ...spread 运算符的使用吗?

php - laravel artisan 类 DateTime 的对象无法转换为字符串

php - 如何使用 mySQL 数据库每分钟插入一个新用户?