事件冒泡和 onblur 事件

发布于 2024-08-06 14:42:49 字数 131 浏览 7 评论 0原文

我正在编写一个表单验证脚本，并希望在 onblur 事件触发时验证给定字段。我还想使用事件冒泡，这样我就不必将 onblur 事件附加到每个单独的表单字段。不幸的是，onblur 事件不会冒泡。只是想知道是否有人知道可以产生相同效果的优雅解决方案。

原文

分享到QQ

分享到微博

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

发布评论

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

怀中猫帐中妖 2024-08-13 14:42:49

您将需要对符合标准的浏览器使用事件捕获（而不是冒泡），对 IE 使用 focusout：

if (myForm.addEventListener) {
    // Standards browsers can use event Capturing. NOTE: capturing 
    // is triggered by virtue of setting the last parameter to true
    myForm.addEventListener('blur', validationFunction, true);
}
else {
    // IE can use its proprietary focusout event, which 
    // bubbles in the way you wish blur to:
    myForm.onfocusout = validationFunction;
}

// And of course detect the element that blurred in your handler:
function validationFunction(e) {
    var target = e ? e.target : window.event.srcElement;

    // ...
}

请参阅 http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html 了解有趣的细节

You're going to need to use event capturing (as opposed to bubbling) for standards-compliant browsers and focusout for IE:

if (myForm.addEventListener) {
    // Standards browsers can use event Capturing. NOTE: capturing 
    // is triggered by virtue of setting the last parameter to true
    myForm.addEventListener('blur', validationFunction, true);
}
else {
    // IE can use its proprietary focusout event, which 
    // bubbles in the way you wish blur to:
    myForm.onfocusout = validationFunction;
}

// And of course detect the element that blurred in your handler:
function validationFunction(e) {
    var target = e ? e.target : window.event.srcElement;

    // ...
}

See http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html for the juicy details

回复收藏 0 原文