Attach onkeydown or onkeyup to RadNumericTextBox Programmatically

RELATED TO:

AUTHOR: Eyup Yusein

DATE POSTED: July 03, 2019


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)");

JS:
function numBoxKeyUp(numBoxEl, event) {
    var numBox = numBoxEl.control;
    console.log(event.keyCode + " -> " + numBox.get_textBoxValue());
}

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.