为什么在触发点击时会遇到太多递归?

图像传感器

我的C#Web应用程序具有以下代码:

<div id="divDocument" class="cursor-pointer">
  <i class="icon-document font-size-3em mt10 fileupload-border"></i>
  <asp:FileUpload ID="fileUploadDocument" runat="server" CssClass="d-none" />
</div>
$(document).ready(function () {
  $("#divDocument").click(function () {
    $("#<%= fileUploadDocument.ClientID %>").trigger('click');
  });
});

但是我在javascript控制台上收到以下错误:

InternalError:太多的递归

有人能帮我吗?

亲切的问候

罗里·麦克罗森(Rory McCrossan)

该错误是因为您在当前元素的子元素上引发了click事件,该子元素已处理了click事件,从而创建了无限循环。

要解决此问题,您需要删除internal trigger('click'),或stopPropagation()在该inner元素上添加调用。

但是,值得注意的是,如果您的目标是增加文件输入的匹配区域,那么更好的方法是将label元素包装在周围input这样可以避免您的问题,并且不需要任何JS代码。

<label>
  <i class="icon-document font-size-3em mt10 fileupload-border"></i>
  <asp:FileUpload ID="fileUploadDocument" runat="server" CssClass="d-none" />
</label>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Dev

触发点击SVG图片

来自分类Dev

如何触发点击按钮

来自分类Dev

触发点击输入文件

来自分类Dev

触发点击传单标记

来自分类Dev

点击标签不会触发点击事件

来自分类Dev

触发点击事件:未触发addEventListener

来自分类Dev

为什么我的UISearchBar在点击时会缩小?

来自分类Dev

拖动后触发点击事件

来自分类Javascript

如何触发点击页面加载?

来自分类Dev

基于php值的onload触发点击

来自分类Dev

使用AngularJS从指令触发点击事件

来自分类Dev

在子组件上触发点击事件

来自分类Javascript

为什么点击事件不总是触发?

来自分类Dev

为什么点击时会从iframe中删除属性?

来自分类Dev

为什么在子元素上执行mousein时会触发mouseout?

来自分类Dev

为什么当鼠标不移动时会触发MouseMove事件

来自分类Dev

根据特定div类的更改触发点击-需要循环

来自分类Dev

使用Bootstrap 4标签无法触发点击

来自分类Dev

如何使用jQuery在Angular 5上触发点击事件

来自分类Dev

移动Safari有时不触发点击事件

来自分类Dev

Angular7放置区域:未触发点击事件

来自分类Dev

角度(2/4):选择文字会触发点击事件

来自分类Dev

Nativescript选项卡项无法触发点击功能

来自分类Dev

自定义钩子不触发点击

来自分类Dev

使用输入元素上的修饰键触发点击事件

来自分类Dev

在表格中两次触发点击事件

来自分类Dev

使用angularjs,如何触发点击,还是有更好的方法?

来自分类Dev

如何在textarea中触发点击事件?

来自分类Dev

从angularjs函数内触发点击事件会导致错误

TOP 榜单

热门标签

归档