当点击提交按钮时,如何从点击进入更改我的js功能

时间:2016-11-29 18:47:10

标签: javascript

我有一个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更改为其他东西,但我尝试过的东西都无济于事。谢谢

2 个答案:

答案 0 :(得分:4)

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

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

// mouseClickHandler函数

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

 }

答案 1 :(得分:1)

有几种方法可以先尝试这个

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

你创建了一个带有onclick属性的按钮,并设置了这样做的功能,但你可能需要添加return false以防止表单中的默认操作发布和重新加载页面。