从MVC Helper生成的文本框中调用JavaScript函数

Question

如何从MVC Helper生成的文本框中调用JavaScript函数。我希望我的文本框能够调用这样的函数：

<input type="text" id="Ejemplo" onkeyup="SumaEjemplo()" />

我正在使用：

<%= Html.TextBox("Ejemplo") %>

我把它放在哪里？

Answer 1

使用事件绑定

通过使用jQuery，您可以在Javascript中编写此代码（直接在<script>标记内或在加载视图的单独脚本文件中编写：

$(function(){
    $("#Ejemplo").keyup(SumaEjemplo);
});

function SumaEjemplo(eventInstance){
    // handle onkeyup event
}

通过这种方式，您可以将多个事件附加到同一个控件，并且被认为是正确的方式。

Answer 2

<%= Html.TextBox("Ejemplo",string.Empty,new{onkeyup="SumaEjemplo()"})%>

Answer 3

您还可以使用jQuery在创建控件时自动绑定事件。当你想在javascript / jquery事件中创建控件时，这真的很有用。