javascript – 关于BLUR没有开火

最近从编写小型vb应用程序转变为Web应用程序.此时尚未切换到C#.

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

这是启用和ASP.NET 4.0表单在插入模式下使用FormView控件.
问题在于,无论我是否在框中单击,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()"/>

解决方法:

通过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;
})

标签：onblur,javascript,asp-net,vb-net
来源： https://codeday.me/bug/20190729/1570650.html