Select All Text on Focus

The following example demonstrates how to select the whole NumericTextBox input value on focus.

<input id="numeric" type="number" value="17" min="0" max="100" step="1" />
<script type="text/javascript">
$(function () {

    //wire focus of all numerictextbox widgets on the page
    $("input[type=text]").on("focus", function () {
        var input = $(this);
            clearTimeout("selectTimeId")); //stop started time out if any

            var selectTimeId = setTimeout(function()  {
                // To make this work on iOS, too, replace the above line with the following one. Discussed in
                // input[0].setSelectionRange(0, 9999);

  "selectTimeId", selectTimeId);
        }).blur(function(e) {
            clearTimeout($(this).data("selectTimeId")); //stop started timeout

See Also

For more runnable examples on the Kendo UI NumericTextBox, browse its How To documentation folder.

In this article
Not finding the help you need? Improve this article