如何从单击进入到单击提交按钮时更改我的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)

 }

Answer 2

有几种方法可以先尝试

<button onclick=" newTodoKeyPressHandler()">Click me</button>

您可以使用onclick属性创建按钮，并设置函数来执行此操作，但是您可能需要添加return false以防止表单中的默认操作发布和重新加载页面。