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

Client-side Events

Event log
RadMaskedTextBox 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

  • DefaultVB.aspx
  • scripts.js
  • styles.css
<%@ Page Language="vb"  %>

<%@ 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:RadMaskedTextBox RenderMode="Lightweight" ID="RadMaskedTextBox1" runat="server" Label="MaskedTextBox"
                    Width="100%" LabelWidth="120px" Mask="<0..255>.<0..255>.<0..255>.<0..255>" Text="222015088021">
                    <ClientEvents OnLoad="demo.load" OnFocus="demo.focus" OnBlur="demo.blur" OnValueChanged="demo.valueChanged"
                         OnKeyPress="demo.keyPress" OnValueChanging="demo.valueChanging" OnMoveDown="demo.moveDown" OnMoveUp="demo.moveUp" />
                </telerik:RadMaskedTextBox>
            </div>
        </div>
    </div>
    <qsf:EventLogConsole runat="server" ID="EventLogConsole1" AllowClear="true"></qsf:EventLogConsole>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance