3

i want my textbox to fire a textChanged client side (JS) event when a text is changed inside it.

i read many posts about it. most of them are talking about a code-behind event and the ones that talk about the client side tells to add attribute of onchange:

<asp:TextBox runat="server" ID="TextBox1" onchange="javascript: ontextchanged();"></asp:TextBox>

but this event only fires when i lose the focus on the textbox.

what is the solution to this ? how can i fire a JS function each time a text is changed inside the textbox?

skaffman
  • 398,947
  • 96
  • 818
  • 769
Rodniko
  • 4,926
  • 20
  • 69
  • 93
  • Personally, I solved this by using a client-side timer that polls the text box for changes from time-to-time and calls the `ontextchanged()` function if was changed. – Uwe Keim Nov 21 '11 at 19:34

2 Answers2

4

Use onkeyup or onkeydown instead.

This will then run the function when you type or click on the textbox. You can also then detect the keycode of the event, and prevent the function if you dont want it to run for certain keys.

Tim B James
  • 20,084
  • 4
  • 73
  • 103
3

Try this http://www.zurb.com/playground/jquery-text-change-custom-event

coder
  • 13,002
  • 31
  • 112
  • 214