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

Question

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

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

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

但我只是得到了错误，模糊不是 function。 什么是正确的方法？

Answer 1

首先，对多个输入元素进行模糊处理没有意义：一次只能有一个焦点，因此一次只能“模糊”一个。

但是为了这个例子，这里是如何实现的：

document.querySelectorAll('input')返回一个类似数组的 object，所以：

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