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

Best way to blur all inputs on page?

我试图模糊页面上的所有输入,以显示错误样式。 我正在尝试遵循此 blur documentation.

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

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

但我只是得到了错误,blur 不是一个函数。 正确的做法是什么?

首先,模糊超过一个输入元素是没有意义的:一次只能有一个焦点,所以一次只有一个可以“模糊”。

但为了示例,这里是如何实现的:

document.querySelectorAll('input') returns 一个类似数组的对象,所以:

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