动态拼接的时候,发现点击空白处也能触发按钮

问题描述:如下图,在动态生成附件列表的时候,发现我没有点击删除按钮,只是点击空白处(红框所示),就触发了当前行的按钮。

动态拼接的时候,发现点击空白处也能触发按钮

 

问题解决:

后来发现我动态拼接的时候使用了label标签,但是没有添加 for=""

动态拼接的时候,发现点击空白处也能触发按钮

通过对label标签的说明,可以看到不加for标签,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上,也就是触发了代码中的button标签,所以会导致出现问题

动态拼接的时候,发现点击空白处也能触发按钮