javascript - 全局onBlur/onFocus

像其他所有人一样，我们在整个Web应用程序中都有表单。

到目前为止，我们在大多数表单元素中都使用了以下内容（或某些变化形式）：

class="formThingy"
onFocus="document.theForm.theField.className='formThingySelected';"
onBlur="document.theForm.theField.className='formThingy';"

真痛苦
有没有一种简单的方法可以通过javascript / jQuery或CSS获得相同的结果？

我知道在CSS中我们可以使用诸如：hover之类的东西，但这并没有得到我们想要的东西。

我的猜测是，我们可以使用jQuery做一些事情，用“ FormThingy”类查看所有内容，然后将其更改为onFocus并将其更改为onBlur，但我不确定该从哪里开始。

最佳答案

$('.formThingy').bind('focus blur', function() {
    $(this).toggleClass('formThingy formThingySelected');
});