javascript toggle子元素内部点击div chrome＆amp;边缘bug

Question

我已经建立了jsfiddle示例

这个功能

for (o = 0; o < buttons.length; o++){
   buttons[o].addEventListener('click', function(e){
   e.target.childNodes[1].classList.toggle("clclp-dashbrd_frame-row-arrow-rotate");
   });
} 

在chrome和edge中无法正常工作。但是在Firefox和iE11中确实有效。

当你点击行的文本或箭头本身时，看起来在chrome / edge中，箭头不会翻转，而点击它们之间的效果非常好。

Answer 1

只有直接点击@using(Html.BeginForm("ActionName", "ControllerName", FormMethod.Post)) { @Html.AntiForgeryToken() <button type="submit" class="btn">Next</button> @Html.HiddenFor(YOUR_MODEL_VALUES) } 图标时才会出现此问题。在这种情况下，点击事件仍会触发，但<i>是e.target而不是<i>，因此您的<button>非常脆弱。{/ p>

您可以使用e.target.childNodes[1]...代替e.currentTarget来解决此问题。

e.target