Запретить ввод/вставку любых символов кроме цифр.?

Question

[newaitix]

document.getElementById('tel').onkeydown=function(ev){
	if(!/\d/.test(ev.key)){
		ev.preventDefault();
		return;
	}
}

Сразу подумал о том что человек может тупо зажать кнопку и будут вводиться буквы если мы применим oninput или onkeyup. Поэтому вариант только такой.
Но есть недостатки:
- Когда фокус в форме то нельзя обновить страницу нажатием f5,
- нельзя вставить данные через ctrl+v.
Как быть в этом случае ?

Answer 1

[Олег]

Как вариант:

document.getElementById( 'tel' ).oninput = function(e) {

	var cursor = this.selectionStart, pattern = /\D/g;

		if ( this.value.match( pattern ) ) {

			alert( 'Только цифры' );

			this.value = this.value.replace( pattern, '' );

			cursor--;

		}

		this.selectionEnd = cursor;

}

Comments

[newaitix]

Хорошее решение спасибо.

Answer 2

[VoidVolker]

Пропускать F5, Ctrl+*

Comments

[newaitix]

очевидно да но как использую только один onkeydown этого добиться ?
Состояние ?
Ну типа onkeydown устанавливает ctrl в состояние нажата
onkeyup снимает состояние
а когда происходит onkeydown ы просто спрашиваем нет ли у нас "служебной кнопки" (ctrl) в состоянии on ?