Question

我正在使用visual studio 2008来开发网页。问题描述是这样的：我在网页上有3个文本框，其中一个是＆＃34; Price＆＃34;第二个是＆＃34;数量＆＃34;第三个是＆＃34;金额＆＃34;。我想得到价格*数量=金额。这样做时，我不想要任何按钮。首先我输入价值进入价格，然后我输入价值数量，一旦我将光标移出数量我想要在没有按钮点击的情况下自动打印在第三个文本框中的答案。我想用javascript做。

Answer 1

我认为你的意思是blur事件，当textinput失去焦点时会被触发（如果你点击它之外）。

将它绑定到你的textarea：

price.addEventListener("blur", function( event )
{
    // do it
}, true);

小提琴：http://jsfiddle.net/egLzz5gb/

Answer 2

您可以在输入字段中使用change事件。每次更改输入中的值时都会触发此事件。我不知道你的form是什么样的，但是这段代码应该让你大致了解如何做到这一点：

quantityInput.addEventListener('change', function(){
  amountInput.value = parseInt(quantityInput.value) * parseInt(priceInput.value);
});

如果您正在使用十进制数字，请使用parseFloat()代替parseInt()，但要小心，最好使用Math.round()，因为浮点数的计算不是100％精确。

Answer 3

Price: <input type="text" id="price">
Quantity: <input type="text" id="quantity" onkeyup="myFunction()">
Amount: <input type="text" id="amount"">

<script>
function myFunction() {
    var p = document.getElementById("price");
    var q = document.getElementById("quantity");
    var a = document.getElementById("amount");
    a.value = p.value * q.value ;
}

使用javascript立即添加两个数字

3 个答案: