Как при вставке телефона в маску через ctrl-v удалить первый символ?

Question

[Сергей Сунцев]

Есть маска, в которую адекватно вставляются номера типа [phone], но при этом номера типа 88345230654 вставляться совсем не хотят, и там первое число вставляется после +7, а последнее число обрезается.
Можно ли перед Ctrl-V обрезать строку из буфера обмена?

Answer 1

[Владимир]

Обрезайте по событию beforepaste

Comments

[Сергей Сунцев]

Данное событие не хочет работать в React

[Insayt]

Сергей Сунцев, Работает https://stackoverflow.com/questions/32814363/how-t...

[Сергей Сунцев]

Insayt, но ведь это onPaste, а не onBeforePaste

[Insayt]

Сергей Сунцев, соответственно надо отменить поведение по умолчанию, сделать с данными то что вы хотите, и вручную вставить их в value вашего инпута.

Т.е. внутри обработчика будет примерно так

onPaste: function(e) {
    e.preventDefault(); // Отменяет поведение по умолчанию
    // Тут дальнейшие манипуляции по трансформированию данных и их вставке в инпут
},

[Сергей Сунцев]

Если вдруг кому понадобится, то сделал вот так:

handleBeforePaste(event){
        const target = event.target
        event.clipboardData.items[0].getAsString(text=>{
            event.preventDefault()

            if(this.props.disabled) return
            const countNum = String(Math.abs(text)).length
            countNum == 11 ? text = text.slice(1) : false

            this.props.onChange(text, target, this.props.position)
        })
    }