冒泡由禁用元素触发的事件

发布于 2024-09-26 03:55:43 字数 364 浏览 3 评论 0原文

问题是：被禁用的元素是否应该产生一个在其父元素上触发的事件？

<div id="test">
  <button disabled="disabled">Click me</button>
</div>
<script type="text/javascript">

document.getElementById("test").onclick = function() {
  alert("Clicked!");
};

</script>

除 IE 之外的所有浏览器都会阻止触发该事件，但 IE 不会。这种行为是否有记录或标准化？哪种浏览器可以正确处理上面的代码？

原文

The question is: should the disabled element produce an event that will be triggered on its parent(s)?

<div id="test">
  <button disabled="disabled">Click me</button>
</div>
<script type="text/javascript">

document.getElementById("test").onclick = function() {
  alert("Clicked!");
};

</script>

All browsers except IE prevent the event from being fired, but IE doesn't. Is this behavior documented or standardized? Which of browsers process the code above correctly?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无人接听 2024-10-03 03:55:43

根据 http://www.quirksmode.org/js/events_advanced.html 我高度建议使用事件委托而不是 .onclick() 绑定。例子：

var element = document.getElementById('test'),
    doSomething = function () {
        alert("Clicked!");
    };
if (element.addEventListener) {
    element.addEventListener('click', doSomething, false);
} else if (element.attachEvent) {
    elem.attachEvent('onclick', doSomething);
}

：）

As per http://www.quirksmode.org/js/events_advanced.html I highly recommend to use event delegation instead of .onclick() binding. Example:

var element = document.getElementById('test'),
    doSomething = function () {
        alert("Clicked!");
    };
if (element.addEventListener) {
    element.addEventListener('click', doSomething, false);
} else if (element.attachEvent) {
    elem.attachEvent('onclick', doSomething);
}

回复收藏 0 原文

~没有更多了~