在ASP:TEXTBOX中调用JavaScript函数

问题描述 投票:0回答:2

我刚刚尝试在两个文本框中添加值,并希望在第三个文本框中显示。我还尝试在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>

javascript c# jquery asp.net
2个回答
1
投票

试试这个:

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

如果您使用的是JQuery,最好使用focus事件,例如:

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

但是,是的onblur可能无法正常工作,因为当我提到失去焦点时,模糊事件被发送到一个元素,所以最好使用focus事件。

另一种方式是处理qazxsw我喜欢:

onfocusin

<asp:TextBox ID="TextBox3" runat="server" onfocusin="javascript:addition(this)"> </asp:TextBox> 表现得像onblur

希望能帮到你。


1
投票
onfocusout
© www.soinside.com 2019 - 2024. All rights reserved.