Uncaught RangeError: Maximum call stack size exceeded

错误

Uncaught RangeError: Maximum call stack size exceededat String.replace (<anonymous>)at camelCase (jquery-3.6.0.js:4220:44)at Data.get (jquery-3.6.0.js:4301:52)at Object.trigger (jquery-3.6.0.js:8716:24)at HTMLInputElement.<anonymous> (jquery-3.6.0.js:8797:17)at Function.each (jquery-3.6.0.js:385:19)at jQuery.fn.init.each (jquery-3.6.0.js:207:17)at jQuery.fn.init.trigger (jquery-3.6.0.js:8796:15)at jQuery.fn.init.jQuery.fn.<computed> [as click] (jquery-3.6.0.js:10746:10)at HTMLDivElement.<anonymous> (main.js:14:36)

原因

实现文件上传功能

<div class="div-upload"><img src="upload.png" alt="上传">                              <input id="upload" type="file" style="display: none;">
</div>

$(".div-upload").click(function(){$("#upload").click();
});

html中div包含input，js中div的click事件包含input的click事件。点击后报栈溢出错误，input的click多次执行

解决办法

1.不要使用jquery方法获取input，使用js原生方式获取input

$(".div-upload").click(function(){document.getElementById("upload").click();
});

2.不要使用父子嵌套方式设置点击事件，使用同级方式设置

$(".div-upload img").click(function(){$("#upload").click();
});

Uncaught RangeError: Maximum call stack size exceeded相关推荐

JS 异常： Uncaught RangeError: Maximum call stack size exceeded
遇到了这个js异常, 总是吧浏览器搞崩溃,这是什么原因呢? 开始我也只能想到死循环, 也许是哪个条件判断写错了,其实不是.经过google,发现了一篇文章,内容请看: ================ ...
JS报错：Uncaught RangeError: Maximum call stack size exceeded
之前,遇到Uncaught RangeError: Maximum call stack size exceeded,查了一下,这个就是"最大堆栈超过了最大值",一般这种错误也是在 ...
Uncaught RangeError: Maximum call stack size exceeded解决思路
今天突然碰到这样的JavaScript错误:Uncaught RangeError: Maximum call stack size exceeded 这个翻译过来就是堆栈溢出了. 1.原因:有小类到 ...
Uncaught RangeError Maximum call stack size exceeded
前端报错:Uncaught RangeError:Maximum call stack size exceeded at RegExp.exec() 报错原因为栈溢出,大多因为递归导致,无限循环调用自 ...
JS [Web浏览器] “Uncaught RangeError: Maximum call stack size exceeded“ (32)
文章地址: http://www.zizhujy.com/blog/post/2012/03/18/Uncaught-RangeError-Maximum-call-stack-size-exceed ...
dialog出现Uncaught RangeError: Maximum call stack size exceeded错误
先贴错误代码: Uncaught RangeError: Maximum call stack size exceededat String.replace (<anonymous>)at ...
Vue报错：Uncaught RangeError: Maximum call stack size exceeded
vue项目放在服务器上,报错如下: 堆栈溢出: 1.原因:有小类到大类的递归查询导致溢出 2.解决方法思想: A.在做递归查询时候由大类到小类去查询 B.匹配结果后及时return 退出,防止过多查询 ...
Uncaught RangeError: Maximum call stack size exceeded.
当采用递归方式生成导航栏的子菜单时,菜单可以正常生成,但是当鼠标hover时,会出现循环调用某个(mouseenter)事件,导致最后报错.菜单溢出了. 查看报错详情: 处理方式 1.给el-subm ...
Uncaught RangeError: Maximum call stack size exceeded 报错原因及解决方案
使用谷歌localhost运行时候页面崩溃,显示链接超时,找了错误好久也上网上查了好久都没有找到错误的来源,再次检查的时候发现自己真的是很搞笑.错误如图改错之前: 改错之后: 错误不是无缘无故就发生 ...
Vue -- 项目报错整理(1)：RangeError: Maximum call stack size exceeded
这几天项目运行报了个错: Uncaught RangeError: Maximum call stack size exceeded,刚开始看到 "returnNodeParameter&q ...

Uncaught RangeError: Maximum call stack size exceeded

错误

原因

解决办法

Uncaught RangeError: Maximum call stack size exceeded相关推荐

最新文章

热门文章