javascript - 如何将我的 js 函数从单击回车更改为单击提交按钮

Question

我有一个 js 脚本，我正在扩展它以满足我的需要，因为我对 JavaScript 还是很陌生并且尝试了一些东西但似乎无法让它们工作。如果需要更多，这里是 JavaScript 脚本的一部分我可以放更多。我想做的是让它以完全相同的方式工作，但我不想按回车键，而是让用户单击提交(或者看起来像提交的按钮也可以)他们的鼠标。

(function () {

'use strict';

var ENTER_KEY = 13
var auditor = document.getElementById('auditor');
var date = document.getElementById('date');
var location = document.getElementById('location');
var workers = document.getElementById('workers');
var contact = document.getElementById('contact');

在哪里使用 ENTER_KEY(第二次)

  function newTodoKeyPressHandler( event ) {
if (event.keyCode === ENTER_KEY) {
   addTodo(auditor.value,date.value,location.value,workers.value,contact.value,company.value,exposureLocation.value,workersExposed.value,exposures.value,interventions.value,interventionComments.value,additionalComments.value,programManagement.value);
  auditor.value = '';
  date.value= '';
  location.value = '';
  workers.value = '';
  contact.value = '';
  company.value = '';
  exposureLocation.value = '';
  workersExposed.value = '';
  exposures.value = '';
  interventions.value = '';
  interventionComments.value = '';
  additionalComments.value = '';
  programManagement.value = '';

 }
}

如果有人能帮助实现这一目标，我将不胜感激。我已经知道我必须将 event.keyCode 更改为其他内容，但我尝试过的方法都无济于事。谢谢

Answer 1

因此，如果我理解正确，您的 newTodoKeyPressHandler 将在按下键盘按钮时被调用。基本上，您需要为鼠标单击定义一个事件处理程序，然后为其添加一个监听器，如下所示:

 document.getElementById('button').addEventListener(
    'click',
    mouseClickHandler,
    false
 );

//mouseClickHandler函数

 function mouseClickHandler(event){
     ... (handler code, same as in the keypress handler)

 }