javascript - 使用事件监听器，我们应该使用 useCapture 作为 false 来支持旧浏览器，还是将用作每个浏览器的默认值

Question

我正在为一个在不同国家拥有不同客户的组织制作网站。我应该如何使用事件监听器

document.addEventListener('click', this.handleClickOutsideOption)

或者

document.addEventListener('click', this.handleClickOutsideOption, false)

支持各种各样的客户

Answer 1

如 docs 中所述:

Note: useCapture has not always been optional. Ideally, you should include it for the widest possible browser compatibility.

所以是的，你应该把它设置为 false以支持各种各样的客户。

此外，您需要知道何时将其设置为 true .假设您正在收听 blur单个输入文本框上的事件，那么您可以将其保留为 false喜欢:

const blog = document.querySelector('#blog');
blog.addEventListener('blur', function (event) {
    // Your logic here...
}, false);

但是，如果你想听所有 blur document 中的事件，那么你应该把它设置为 true喜欢:

document.addEventListener('blur', function (event) {
    // Your logic here...
}, true);

作为，将其设置为 true帮助我们利用事件冒泡来处理不支持它的事件，例如 focus , blur等。基本上是 false对于大多数使用的事件，此参数为 optional在现代浏览器中，它的默认值是 false .