发布
社区首页 >问答首页 >如何防止用户在安卓浏览器中按下键事件输入特殊字符(event.preventDefault未触发)

如何防止用户在安卓浏览器中按下键事件输入特殊字符(event.preventDefault未触发)
EN

Stack Overflow用户
提问于 2020-08-22 10:10:20
回答 1查看 125关注 0票数 4

据我所知,event.preventDefault不适用于安卓系统。那么,在点击事件中,防止用户在android中输入特殊字符的最佳替代方法是什么?注意:当输入事件触发时,替换值解决方案是好的,但在我的情况下并不能解决问题。

EN

回答 1

Stack Overflow用户

发布于 2022-02-16 16:02:15

在我的例子中,在Android上替换input事件的值的问题是使用插入符号,在输入时跳到错误的位置。

我就这样解决了:

代码语言:javascript
代码运行次数:0
复制
let input = document.getElementById("input")

function withoutForbiddenChars(str) {
    // change to your set of chars
    return str.replace(/[^\d]+/g, '')
}

function handleInput(event) {
    let charsBeforeCaret = input.value.slice(0, input.selectionStart)
    let charsAfterCaret = input.value.slice(input.selectionStart)
 
    charsBeforeCaret = withoutForbiddenChars(charsBeforeCaret)
    charsAfterCaret = withoutForbiddenChars(charsAfterCaret)
    
    input.value = charsBeforeCaret + charsAfterCaret
    
    let newCaretPos = charsBeforeCaret.length

    input.selectionStart = newCaretPos
    input.selectionEnd = newCaretPos
}

input.addEventListener('input', handleInput, false)

演示:https://codepen.io/udovichenko/pen/vYWWjmR

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63534969

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档