fastclick.js?bf9a:331 Uncaught DOMException: Failed to execute ‘setSelectionRange‘ on ‘HTMLInputElem

最新推荐文章于 2024-05-09 17:26:51 发布
最新推荐文章于 2024-05-09 17:26:51 发布
阅读量1.5k 收藏
点赞数 1
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57265841/article/details/122798335
版权
博客内容讲述了在移动端项目中，由于使用了FastClick插件，导致input[type='number']的maxlength属性失效，作者通过监听input事件并用JS控制输入长度来解决此问题。在修改Fastclick.js源码后，将329行代码调整，成功避免了报错，实现了输入限制功能。
摘要由CSDN通过智能技术生成

报错信息

 原因:

因为当 input type = “number” 时，input 的maxlength 属性会失效，所以我使用了 input 事件通过 js 来控制输入的字符长度。

这看起来没有问题，但是因为移动端项目使用了 FastClick 插件，当 input 一获得焦点，便会出现上面那个报错！

分析解决:

既然是FastClick的问题，那不妨试试修改下它的源码，在node_module里找到fastclick.js,第329行；

把以上代码修改为:

 问题得到解决!

 

max_YaoXC
关注
quill.js 编辑器报错Uncaught DOMException: Failed to execute ‘setStart‘ on ‘Range‘: The offset 4294967294
小豆包
04-28 979
编辑器quill 底层有个bug , 装好后需要修改 quill.js。
fastclick.js（免费下载）
Coderbook的博客
10-18 942
fastclick.js，它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 300ms 的延迟。目的就是在不干扰你目前的逻辑的同时，让你的应用感觉不到延迟，反应更加灵敏。 在线源码链接：https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js ;(function () { 'use strict'; /** * @preserve FastClick: polyfill to remove
fastclick.js?fe3c:331 Uncaught DOMException: Failed to execute 'setSelectionRange' on 'HTMLInputElem
Kevinblant的博客
01-20 1095
报错信息 出错过程 移动端项目，一个比较常见的需求，一个手机号的输入框，要求： 只能输入数字 限制长度为11位 手机号格式 下面是开始时，我的做法： <input type="number" placeholder="请输入手机号" v-model="phone" class="phone-input" @input="limitLength"> // 限制输入长度 ...
Failed to execute 'setSelectionRange' on 'HTMLInputElement'
Martin 的博客
01-16 9885
jcubic commented on 7 Jan 2016 When I use number input I've got error in Google Chrome Uncaught InvalidStateError: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The i
vue引入fastclick设置输入框type="number"报错Failed to execute 'setSelectionRange' on 'HTMLInputElement': The i...
weixin_30628801的博客
04-17 1260
将输入框type设为text，通过正则验证输入的值 转载于:https://www.cnblogs.com/shifeng-/p/10721875.html
vitepress运行报错：Uncaught (in promise) DOMException: Failed to execute ‘setAttribute‘ on ‘Element‘: ‘a
Lee_01的博客
03-10 449
对文章内容增量删减，确定到问题文本。这个对象导致的报错。前后加反引号，渲染成行内代码。
Failed to set the 'value' property on 'HTMLInputElement': This input element解决办法
ghjzzhg的博客
09-28 9614
这没有从根本解决问题，但这是最快的方法，哪位老铁有更好的方法，请留言： //Just to remove error inside the console. //If error exists then onChange event is not fired. var fileHook = { get: function (elem) { return this.valu
fastclick.js
04-21
fastclick.js 解决移动端300毫秒延迟插件
fastclick.min.js
04-04
快速点击，解决ios连续点击时延迟300ms问题，实测试可用。
fastClick.js
05-03
解决ios和微信端，onclick延迟加载问题，在初始化function中执行 FastClick.attach(document.body);
Uncaught InvalidStateError: Failed to set the ‘value‘ property on ‘HTMLInputElement‘
qq_45701130的博客
06-24 1938
如果对手动修改value属性时就会报此错误。出于安全考虑，file的value是只读属性，只能由用户来选择要上传的文件，不能由程序代码来设置。
HTMLInputElement.setSelectionRange() 设置光标位置
liubangbo的专栏
02-22 817
HTMLInputElement.setSelectionRange()方法用来设置&lt;input&gt;元素当前选中的文本的开始和结束位置 接口定义如下： inputElement.setSelectionRange( selectionStart ,selectionEnd ,[optional] selectionDirection ); 当selectionStart 等于 s...
使用fastclick解决移动端300ms点击延迟后软键盘唤醒不灵敏的问题
qq_41761266的博客
04-06 366
小伙伴们在开发webapp时是否都遇到过这种类似的情况，使用fastclick解决了在ios上300ms的点击延迟之后，发现点击输入框想唤启软键盘，触点不是很灵敏，必须重压或长按才能成功唤启，快速点击是不会唤启软键盘的 如何解决ios input框唤启软键盘不灵敏问题？ /** * @param {EventTarget|Element} targetElement */ Fa...
DOMException: 属性设置错误处理指南
最新发布
一起coding，一起嗨。
05-09 1956
DOMException: 属性设置错误处理指南
解决上传图片时报错Uncaught (in promise) DOMException: Failed to execute ‘put‘ on ‘IDBObjectStore‘
u800820的专栏
09-12 4533
SpringBoot过滤器排除特定请求的URL方法
项目总结-js简单易忽略的问题
本博客纯属个人网络笔记，如对阁下有用，甚喜；否则，关掉即可，不喜勿喷。专心写代码，不做键盘侠！
11-27 1万+
1 JQuery获取radio的选中的按钮的值。 $("input:radio:checked").val(); 选中或者取消选中某个Radio的方法，可以通过添加属性或者删除属性checked来完成 $("#radioId").attr("checked",true);$("#radioId").removeAttr("checked"); 2 ajax请求时dataType的作用。
Uncaught SyntaxError: Failed to execute 'querySelectorAll' on 'Element': '#00' is not a valid select
fd214333890的专栏
09-25 2万+
之前在写代码的时候遇到这么一个问题。出问题的代码是这样的 var toPage = 00; $('body').find("#" + toPage).addClass("CURRENT"); 然而在find("#" + toPage)这里出了问题 很蛋疼啊，按照自己的理解这里应该是没问题的。但是偏偏就在这里出了问题，百度了一下，找到了一个和这个有关的讲解http://www.cnblogs.
Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new nod
热门推荐
qiangD的博客
12-16 2万+
insertBefore插入节点出错Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node 插入的节点不是插入在，子节点之前！ insertBefore() 方法
我与<input>不得不说的事儿
u012396362的博客
10-29 1826
有人擅长木匠活，有人擅长织毛衣。有人习惯避开90年代留下的HTML规则，可偏偏我就不是这种人。本文就来讲一个我和input之间的故事：&lt;input&gt;是如何变成了一个混蛋的，以及它必死的原因。早年历史1995年是值得大书特书的一年。《老友记》，《急诊室的故事》，《希娜》火了起来。TLC凭借一首《Waterfalls》跃居榜首。浏览器是好的，因为HTML很好。那时候有Mosaic,网景（N...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值