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

    Client-side Events

    Event log
    RadNumericTextBox exposes a rich set of client-side events:
    1. OnBlur - fired when the input control loses focus
    2. OnButtonClick - fired when the postback button (if displayed) beside the input control is clicked
    3. OnDisable - fired when the input is disabled
    4. OnEnable - fired when the input is enabled
    5. OnError - fired when the user enters invalid data
    6. OnFocus - fired when the input control gains focus
    7. OnKeyPress - fired when a keyboard key is pressed
    8. OnLoad - fired when the input control is loaded on the client
    9. OnMouseOut - fired when the mouse cursor leaves the input area
    10. OnMouseOver - fired when the mouse cursor is over the input
    11. OnMouseOut - fired when the mouse cursor leaves the input area
    12. OnMouseOver - fired when the mouse cursor is over the input
    13. OnMoveDown - fired when the user decreases the value of any enumeration or numeric range mask part of RadMaskedTextBox (with either keyboard arrow keys or mouse wheel)
    14. OnMoveUp - fired when the user increases the value of any enumeration or numeric range mask part of RadMaskedTextBox (with either keyboard arrow keys or mouse wheel)
    15. OnValueChanged - fired when the data entry in the input is changed by the user (right after the control loses focus)
    16. OnValueChanging - fired when the data entry in the input is changing by the user (just prior to the change so it can be canceled)

    Related Resources

    • DefaultCS.aspx
    • scripts.js
    • styles.css
    <%@ Page Language="c#"  %>
     
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
        <script src="scripts.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>
     
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <div class="demo-containers">
            <div class="demo-container">
                <div class="contentContainer">
                    <telerik:RadNumericTextBox RenderMode="Lightweight" ID="RadNumericTextBox1" runat="server" Label="NumericTextBox"
                        Width="100%" LabelWidth="125px">
                        <ClientEvents OnLoad="demo.load" OnFocus="demo.focus" OnBlur="demo.blur" OnValueChanged="demo.valueChanged"
                             OnKeyPress="demo.keyPress" OnValueChanging="demo.valueChanging" />
                    </telerik:RadNumericTextBox>
                </div>
            </div>
        </div>
        <qsf:EventLogConsole runat="server" ID="EventLogConsole1" AllowClear="true"></qsf:EventLogConsole>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance