The input element's type ('number') does not support selection

最新推荐文章于 2025-06-24 14:42:46 发布

weixin_33779515

最新推荐文章于 2025-06-24 14:42:46 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000016275164

本文介绍了解决fastclick.js在iOS设备上对于特定类型输入框（如number）设置选区范围时出现的DOM异常问题。通过修改fastclick.js源代码，在尝试设置选区范围时增加异常捕获逻辑，当遇到不支持该操作的输入框类型时，改为仅聚焦输入框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fastclick.js?bf9a:331 Uncaught DOMException: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('number') does not support selection

解决方法：

找到node_module中的文件fastclick.js, line: 327 将

if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
            length = targetElement.value.length;
            targetElement.setSelectionRange(length, length);
        } else {
            targetElement.focus();
    }

替换为：

var useSelectionRange = deviceIsIOS;
    if(useSelectionRange){
        try{
            length = targetElement.value.length;
            targetElement.setSelectionRange(length, length);
        }catch(error){
            useSelectionRange = false;
        }
    }
    if (!useSelectionRange) {
        targetElement.focus();
    }