按键字符转换脚本在触屏设备失效，寻求通用适配解决方案

首先得说，你的脚本在桌面端正常但触屏不行，核心原因是虚拟键盘和物理键盘的事件触发机制差异——keydown事件在安卓Chrome的虚拟键盘上表现很不稳定，要么e.key值不准确，要么干脆不触发你预期的按键字符判断逻辑，而安卓Firefox对keydown的兼容性更好，所以它能正常运行。

你之前尝试绑定input或touchend的思路是对的，但可能没处理好input事件的循环触发和光标位置问题，这里给你一个通用的解决方案，能适配绝大多数触屏设备和桌面端：

修改后的完整代码 #

HTML部分（不变） #

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<input id="test" type="text">

JavaScript部分 #

$("#test")
// 核心：用input事件处理所有输入场景（触屏/物理键盘/手写等）
.on("input", function(e) {
    const $input = $(this);
    let currentValue = $input.val();
    // 记录光标位置，避免转换后光标跳到输入框末尾，影响体验
    const cursorPosition = $input[0].selectionStart;
    
    // 定义字符转换映射表，比一堆if-else简洁易维护
    const charConversionMap = {
        'a': 'b',
        'b': 'c',
        'c': 'd'
    };

    // 批量替换所有符合条件的字符
    const convertedValue = currentValue.replace(/[abc]/g, match => charConversionMap[match]);

    // 只有当值发生变化时才更新输入框，避免无限触发input事件
    if (convertedValue !== currentValue) {
        $input.val(convertedValue);
        // 恢复光标到原来的位置（因为每个字符替换后长度不变，直接复用原位置即可）
        $input[0].selectionStart = $input[0].selectionEnd = cursorPosition;
    }
})
// 保留keydown事件，用于拦截桌面端的非法按键
.on("keydown", function(e) {
    const keyPressed = e.key;
    const allowedCharsRegex = /[abc]+/g;
    const allowedFunctionKeys = ["Backspace", " ", "Enter", "Delete"];
    
    // 只允许指定字符和功能键，其他按键直接阻止
    if (!allowedCharsRegex.test(keyPressed) && allowedFunctionKeys.indexOf(keyPressed) === -1) {
        e.preventDefault();
    }
});

方案优势说明 #

1. 通用兼容性：input事件是W3C标准事件，所有输入设备（虚拟键盘、物理键盘、手写板等）触发输入变更时都会触发它，完美解决触屏设备的事件兼容问题。
2. 避免循环触发：通过判断转换前后的值是否变化，防止修改输入框内容后再次触发input事件导致死循环。
3. 优化用户体验：记录并恢复光标位置，用户输入时光标不会乱跑，和正常输入体验一致。
4. 代码易维护：用映射表代替多个if-else，后续要新增转换规则直接在映射表里加键值对就行。

针对安卓Chrome的特殊说明 #

安卓Chrome的虚拟键盘在触发keydown时，e.key往往不是你预期的字符（比如可能返回空字符串、Unicode编码或者其他非标准值），这就导致你原脚本里的按键判断逻辑完全失效。而改用input事件直接读取输入框的最终内容，就绕开了虚拟键盘的事件差异问题，自然就能正常工作了。

你可以把这个代码放到安卓Chrome里测试，应该就能解决你的问题啦！

内容的提问来源于stack exchange，提问作者Boris J.