如何：从asp.net输入框动态调用javascript？

Question

我有一个 asp.net 输入框：

<asp:TextBox ID="InCL" runat="server" Text=""></asp:TextBox>  

输入数字后，我想将该值发送到更新 google 仪表的 javascript 函数。

例如，用户立即动态输入 77，Google 仪表移动到该位置。

如有任何帮助，我们将不胜感激。
谢谢。

编辑
我正在查看 onkeyup DOM 事件，这是一个好方法吗？

我想我只是在这里自言自语......

Answer 1

这是一个 jQuery 脚本，我曾经做过类似的事情。它确实使用 onkeyup 来设置值；它还使用 onkeydown 来防止非数字值；如果用户尝试让文本框不留任何值，则强制使用默认值 0：

var updateUI = function(value) {
    //set gauge
};

var textbox = $('#id_of_textbox)'

textbox.keydown(function(e) {
    return validNumberKeys.indexOf(e.which) > -1;
}).keyup(function(e) {
    var input = $(e.target);
    if(input.val() !== '') {
        updateUI(input.val());
    }
}).blur(function(e) {
    var input = $(e.target);
    if(input.val()==='') { input.val('0'); }
    updateUI(input.val());
});

var validNumberKeys = [8,9,13,16,17,18,35,36,37,38,39,40,45,46,48,49,50,51,52,53,54,55,56,57,96,97,98,99,100,101,102,103,104,105];

Answer 2

您可以这样做：

<asp:TextBox ID="InCL" runat="server" onchange="YourJavaScriptFunction()" Text=""></asp:TextBox>

YourJavaScriptFunction() 将从 InCL 中读取值并执行您需要执行的操作。

您还可以将值传递给 JavaScript，如下所示： onchange="YourJavaScriptFunction(this.value)"

相同的语法适用于 onkeyup： onkeyup="YourJavaScriptFunction()"