Find if text is selected for input type number

Question

I have an <input type="number" which can store maximum two digits. This is achieved by using event.preventDefault();.

function allowMaxNumbers(element, event, maxLength){
if(element.value.length==maxLength&& event.keyCode!=8 && event.keyCode!=46 && event.keyCode!=9){
    if (event.preventDefault){
        event.preventDefault();
    }    
    return false;
}

}

If user selects the input and types in another number, the new number should be inputted replacing the old input. Is there a way in javascript/jQuery to find if some text is selected in the input?

I followed the question How to know if the text in a textbox is selected? and tried input.selectionStart and input.selectionEnd but that is not working for input type="number"

So if the value is `12` and someone types `3`, you want the value to become `23`, is that correct? Also, please add your current code to the question. — Rory McCrossan, Dec 19 '18 at 11:40
No @RoryMcCrossan. If value is 12 and someone types 3, the value should be 3. Have edited and added code to fix the maximum input — Peter, Dec 19 '18 at 11:45
In that case I don't see any issue as your description is how the elements already work. — Rory McCrossan, Dec 19 '18 at 11:46
`` So the max allowed number is 2. If User enters, say 1, value is 1. If he enters 12, value will be 12. if he enter 1234, value will be 12. Now if user select the entered `12` and types in a new number, nothing happens. My requirement is in this case the new number (max 2 numbers) should be added to the input — Peter, Dec 19 '18 at 11:48
Why not just use `maxlength`? It does what you need in a completely standard way which users are accustomed to, and won't break if someone has JS disabled. — Rory McCrossan, Dec 19 '18 at 11:51