模糊页面上所有输入的最佳方法?

Question

我正在尝试模糊页面上的所有输入，以显示错误样式。 我正在尝试遵循此模糊文档。

我的尝试是抓取所有输入，然后应用模糊...

document.querySelectorAll('input').blur();

但我只是得到错误，模糊不是一个功能。 正确的方法是什么？

Answer 1

首先，模糊多个输入元素是没有意义的：一次只能有一个焦点，所以一次只能"模糊"。

但为了示例，以下是实现方法：

document.querySelectorAll('input')返回一个类似数组的对象，因此：

Array.from(document.querySelectorAll('input')).forEach(el => el.blur())