New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Attach onkeydown or onkeyup to RadNumericTextBox Programmatically

DESCRIPTION

Telerik UI for AJAX toolset provides various input controls like RadNumericTextBox, RadTextBox, RadMaskedTextBox, etc. They have their own built-in OnKeyPress event handler:
https://docs.telerik.com/devtools/aspnet-ajax/controls/numerictextbox/client-side-programming/events/onkeypress

With some reserved special action keys this event may not be raised - Escape, Tab, etc. If you need to capture these keys, you can use the onkeydown and onkeyup of the underlying input element.

SOLUTION

The solution demonstrates how you can achieve this by subscribing to the client-side event from the code-behind programmatically. The same logic is applicable for all Telerik input controls:

txtDistance.Attributes.Add("onkeyup", "numBoxKeyUp(this, event)");
txtDistance.Attributes.Add("onkeyup", "numBoxKeyUp(this, event)")
function numBoxKeyUp(numBoxEl, event) {
    var numBox = numBoxEl.control;
    console.log(event.keyCode + " -> " + numBox.get_textBoxValue());
}
In this article