Question

我刚刚尝试在两个文本框中添加值并希望在第三个文本框中显示。我还尝试在ASP：TextBox中调用我的JavaScript函数。但是函数不正确。我已将下面的代码附加到它上面。

我想知道如何在ASP：TEXTBOX上的ONCLICK事件中调用JavaScript函数

<body>
<form id="form1" runat="server">
    <asp:TextBox ID="TextBox1" runat="server"  ></asp:TextBox>
    <asp:TextBox ID="TextBox2" runat="server" ></asp:TextBox>
    <asp:TextBox ID="TextBox3" runat="server" onchange="javascript:addition(this)">        </asp:TextBox>
    <br />
</form>
<script>
    var text1 = document.getElementById('<%=TextBox1.ClientID%>');
    var text2 = document.getElementById('<%=TextBox2.ClientID%>');
    var text3 = document.getElementById('<%=TextBox3.ClientID%>');
         var t1 = text1.value;
         var t2 = text2.value;
         var t3;
    function addition(){
t3 = parseInt(tl).value + parseInt(t2).value;
        document.getElementById('TextBox3').value = t3;
    }
 </script>

Answer 1

试试这个：

 <asp:TextBox ID="TextBox3" runat="server" onblur ="javascript:addition(this)">  </asp:TextBox>

如果您使用的是JQuery，最好使用focus事件，例如：

$('<%=TextBox3.ClientID%>').focus(function() {
  //Additional code here
});

但是onblur可能无法正常工作，因为模糊事件在我提到失去焦点时会发送到元素，因此最好使用focus事件。

另一种方式是Handeling onfocusin喜欢：

<asp:TextBox ID="TextBox3" runat="server" onfocusin="javascript:addition(this)">  </asp:TextBox>

onblur的行为类似于onfocusout。

希望能帮到你。

Answer 2

$("#TextBox3").blur(function () {
//     Do Somthing
});

在ASP：TEXTBOX中调用JavaScript函数

2 个答案: