Question

好的，我们有一个输入字段。例如：

<input id="weeklyRent" name="weeklyRent" size="50" type="text" class="medium">

我想做的是为这个字段添加一个监听器，当用户点击该字段时，执行一些数学运算，并将h2标签的答案吐出来。

为了论证，我们将说每周用户输入量为280

d =七分之二百八十
y = 365 x d
M = Y / 12

打印值m

其中m是计算的月度值。

d =天| m =月| Y =年

我知道纯粹主义者将进入混合闰年等，但出于接近原因，我们需要尽可能接近这一点。哦，向上舍入到最接近的偶数（整数）将是有用的

Answer 1

向onBlur添加input处理程序。拥有所有必要工作的处理程序：

// the js function
function doMath() {
   var rent = this.value;
   var d = rent/7;
   var y = 365 * d;
   var m = y/12;
   document.getElementById("idForH2").innerHTML = m;
}

document.getElementById("weeklyRent").onblur = doMath;

Here's a working demo。

Here's a direct copy/pastable example就像你试图实现它一样。您必须在匿名函数中将代码附加到window.onload事件，因此在窗口完全加载之前代码将不会执行。

我会高度推荐，如果你打算在javascript中做一些工作，你就可以从w3school，各种书籍或者你喜欢的任何学习资源开始学习更多。这有助于您了解更多信息并帮助您提出更多特定问题，而不是要求完整的代码示例来执行您想要的操作。这很好，但我相信你宁愿自己学习。

祝你在javascript冒险中好运！

Answer 2

假设你知道javascript：
事件Onblur
当对象失去焦点时，会发生此事件。如果您在一个文本框内单击，然后在其外单击文本框已失去焦点。那是onBlur事件发生的时候。

<INPUT TYPE = text onBlur = "alert('Lost focus')">

Answer 3

您将使用onblur事件来调用函数，该函数将类似于：

function blah() {
    t=document.getElementById('weeklyRent').value;
    // Calculate the value of t here
    h2=document.getElementById('h2 element');
    h2.innerHTML=t;
}

您需要在文本字段中设置id weeklyRent，在h2元素上设置id。

Javascript数学，从输入字段到h2标签

打印值m

3 个答案: