Question

这只是我，或者如果{10}附加的元素是transitionend，那么{10}中的disabled事件是否会触发？

以下代码与您在Chrome中的预期相同（过渡完成后会显示警报），但在IE10 / 11中无效。但是，如果从目标按钮中删除disabled属性，则它可以正常工作。

document.getElementById("a").addEventListener("transitionend", onTransitionEnd, false);
document.getElementById("b").addEventListener("click", fadeButton, false);

function fadeButton(e) {
  document.getElementById("a").style.opacity = 0;
}

function onTransitionEnd(e) {
  alert("Transition end");
}

button {
  display: block;
  margin: 1em 0;
}
#a {
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

<button id="a" type="button" disabled>Target</button>
<button id="b" type="button">Fade the Target Button</button>

这有意义吗？

无论哪种方式 - 我都会将其发布到SO，以防它帮助遇到此问题的其他人。（我只是浪费了两个小时试图找出过渡事件从未被解雇的原因......）

当元素被禁用时，transitionend事件不会在IE中触发？

0 个答案: