Javascript 有没有一种简单的方法可以检测容器元素中的焦点变化？

在以下代码中：

div{填充：10px；边框：1px纯黑}
div.whenFocused{背景：黄色}
输入{显示：块}
*{大纲：无}

正文：

我使用jQuery找到了一个简单的解决方案：

$('div').on('focusin focusout',function(){ $(this)[(this.contains(document.activeElement)?'add':'remove')+'Class']('whenFocused') })

这不完全是直截了当的，但至少是一行

它需要支持：
/