錯誤

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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。