Как: динамически вызывать JavaScript из поля ввода asp.net?

Question

У меня есть поле ввода asp.net:

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

Как только число введено, я хотел бы отправить это значение в функцию javascript, которая обновляет датчик Google.

Например, пользовательский ввод 77, google gauge немедленно динамически перемещается в эту позицию.

Любая помощь приветствуется.
Благодарю вас.

EDIT
Я смотрю на событие onkeyup DOM, это хороший путь?

Я думаю, что я просто говорю здесь сам с собой .....

Answer 1

Вы можете сделать это:

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

YourJavaScriptFunction () затем считывает значение из InCL и делает с ним все, что вам нужно.

Вы также можете передать значение в свой JavaScript следующим образом: onchange = "YourJavaScriptFunction (this.value)"

Тот же синтаксис будет работать с onkeyup: onkeyup = "YourJavaScriptFunction ()"

Answer 2

Вот скрипт в 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];