1

私は小さな電卓を作成しています (JavaScript 学習のためだけに)。分数計算用の 2 つの入力フィールドがあります。

  1. フィールド: 分子
  2. フィールド: 分母

myFraction(numerator,denominator)そして、ユーザーがクリックすると機能を実行する「分数の計算」ボタン。

ボタンなしで同じことをすることは可能ですか? つまり、JavaScript は誰かが入力を行っていることを認識し、分数を自動的に計算する必要があります。

4

3 に答える 3

3

onkeyupまたはonkeydownイベントハンドラーにフックして、関数を呼び出すことができます。

<input type="text" id="numerator" onkeyup="myFraction()" />
<input type="text" id="denominator" onkeyup="myFraction()" />

ただし、小数値を画面に出力する前に、myFraction（）関数内のテキストボックスの値を取得し、それらが空白かどうかを確認する必要があります。

function myFraction() {
    if(document.getElementById("numerator").value != "" &&
       document.getElementById("denominator").value != "") {
        ...do calculations
    }
}
于 2012-06-16T14:03:55.483 に答える
0

onChange()確かに、 （テキストが編集されているため）またはonBlur()（テキストボックスがフォーカスを失った場合）必要だと思います。ここで違いを参照してください。

あなたが勉強しているので、jQueryはいくつかのニュアンスを助けることができます - ここを含みます。

于 2012-06-16T13:58:12.650 に答える
0

Javascript はイベント ドリブンなので、キーアップで入力した後、またはユーザーがテキスト ボックス コントロールから離れたときに、イベントをキャッチできます。

テキストボックスを離れた後にテキストボックスの長さを確認し、入力内容を検証してから計算を実行できます。

私は通常、ユーザーがテキストボックスを離れた後にキャッチするためにぼかしを使用します。私は通常、選択にOnchangeを使用します。

于 2012-06-16T13:58:13.420 に答える