2016-11-29 3 views
1

私はJavaScriptにまだまだ慣れていないので、自分のニーズに合わせて拡張しているjsスクリプトを持っています。それらを働かせるようです。より多くのものが必要な場合、JavaScriptスクリプトの一部です。私はそれをもっと上に置くことができます。私がしたいのは、まったく同じ方法で動作させることですが、ユーザはマウスを使ってサブミット(またはサブミッションのように見えるボタン)をクリックします。私のjs関数をクリックしたときから入力したときから入力するまでの時間を入力する方法

ENTER_KEYは、(第2回)使用されます
(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'); 

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を何かに変更しなければならないことを知っていますが、私が試したことは無駄でした。ありがとう

+0

これを参照してください。http://stackoverflow.com/questions/895171/prevent-users-from-submitting-form-b​​y-hitting-enter – mshah

答えて

4

私が正しく理解している場合、newTodoKeyPressHandlerはキーボードボタンを押すと呼び出されます。 基本的に、あなたはマウスクリックのイベントハンドラを定義し、次のように同じのためのリスナーを追加する必要があります。

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

// mouseClickHandler機能

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

} 
+0

ありがとう、私はかなり手に入ると思います。間違っている? –

+0

addEventListenerの詳細なドキュメントはhttps://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListenerで確認してください。基本的には、3番目のパラメータはオプション配列です。すべてのオプションについてドキュメントをチェックアウトすることができます。 –

1

そこにこれを行うためのいくつかの方法あなたがあなたはonclick属性を持つボタンを作成し、それを行うために機能を設定していますが、デフォルトaを防ぐために、falseを返し追加する必要があり、この最初の

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

を試すことができますページの転記と再読み込みをフォームから削除します。

関連する問題