How to use key down event with Html text box helper in MVC4

Question

How do you add a key down event with this text box?

@Html.TextBox("txtbx1", "", new {...} )

Are you using jQuery? Or would you rather not use a library and do straight JavaScript? — Andy T, Jul 23 '13 at 16:00
Adding solution: $('#id').on('keydown', function (event) { if (event.which === 13) { //do something } }); — Ell, Jan 07 '14 at 20:14

score 6 · Accepted Answer · answered Jul 23 '13 at 17:44

6

You could do something like the following:

@Html.TextBox("txtbx1", "", new { onkeydown="MyFunction();" } )

answered Jul 23 '13 at 17:44

Jack

score 1 · Answer 2 · answered Jun 08 '18 at 06:05

Try it like this.

Call:

@Html.TextBoxFor(model => model.BoardSizeX, new { @onkeydown = "return Foo(event, $(this).val());"})

Function:

 function foo(event, currentValue) {
       console.log(event);
       console.log(currentValue);

       return true; 
}

2 Answers2