Strange issue in chrome with keyup event

Asked Jul 11 '13 at 12:29

Active Jul 11 '13 at 12:29

Viewed 41 times

I am creating timpicker plugin, here is what i have so far.

HTML

 <input id="txtTime"/>

jQuery:

 function formatTime(s) {
        return s.replace(/\D/g, "").replace(/^(\d\d)(\d\d).*$/, "$1:$2")
    }

    (function ($) {
        $.fn.timeInput = function () {
            return $(this).keyup(function () {
                $(this).val(formatTime($(this).val()))
            });
        }
    })(jQuery);

    $("#txtTime").timeInput()

Problem: I am using chrome 28 and in that Cursor always goes to the end of text. if i use change(), it works fine. Can anybody help me to resolve this issue? or why this is happening? in firefox it works fine.

Fiddle Demo

Any help is greatly appreciated. Thank you

asked Jul 11 '13 at 12:29

Dhaval Marthak

17,246
6
46
68

The cursor jumps to the end because you're programmatically setting the value of the input. See this question.... – Reinstate Monica Cellio Jul 11 '13 at 12:31
To fix the issue, only run your formatting code on blur or change. – Reinstate Monica Cellio Jul 11 '13 at 12:32
@Archer Why it's working in Firefox? – Dhaval Marthak Jul 11 '13 at 12:43
Because of how Firefox handles the setting of data in input boxes. If you can tell all your users to use Firefox, then there's no problem, otherwise you need a fix ;) – Reinstate Monica Cellio Jul 11 '13 at 13:08

Strange issue in chrome with keyup event

Fiddle Demo

0 Answers0