在 BLUR 上不开火

Question

最近从编写小型 vb 应用程序转变为 Web 应用程序。目前还没有切换到 C#。

尝试获取一个 ASP.net 表单以添加几个文本框并在另一个文本框中显示结果。

这是在插入模式下使用FormView 控件的ASP.NET 4.0 表单。 问题是，无论我在框中单击、Tab 进入还是退出，它似乎都不会触发 JavaScript

<script language="javascript" type="text/javascript">
function SumCalc() 
{
    Window.alert("On Blur");
    var num1 = parseInt(document.getElementById("LeaveHoursTextBox").value);
    var num2 = parseInt(document.getElementById("LeaveHours2TextBox").value);
    var num3 = parseInt(document.getElementById("LeaveHours3TextBox").value);
    var TotalTime = num1 + num2 + num3

    document.getElementById("HoursTextBox").value = TotalTime;
}
</script>

以下是我的 html 的一部分。页面很长，所以我没有发布它的全部。..

<asp:TextBox ID="LeaveHoursTextBox" runat="server" 
Text='<%# Bind("LeaveHours") %>' 
onblur = "return sumCalc()"/>

Answer 1

Javascript 区分大小写。将您的电话改为return SumCalc()，同样Window.alert 也不起作用，请改用window.alert 或只使用alert。

进一步删除onblur = "return sumCalc()"中的空格，有效的html将是onblur="return sumCalc()"。

Answer 2

有两个问题，

一个

将onblur = "return sumCalc()" 更改为onblur = "return SumCalc()"/>

你调用的 JS 函数有错别字。

两个

将Window.alert("On Blur"); 更改为alert("On Blur");

Answer 3

通过 jQuery blur 绑定它：http://api.jquery.com/blur/

你可以这样做：

$("#LeaveHoursTextBox").blur(function(){
    Window.alert("On Blur");
    var num1 = parseInt(document.getElementById("LeaveHoursTextBox").value);
    var num2 = parseInt(document.getElementById("LeaveHours2TextBox").value);
    var num3 = parseInt(document.getElementById("LeaveHours3TextBox").value);
    var TotalTime = num1 + num2 + num3

    document.getElementById("HoursTextBox").value = TotalTime;
})