Javascript 输入焦点字段，然后在页面加载时添加类

好的，这里有一个类的输入字段。cf se input。我希望jquery在文档准备就绪的情况下尽快关注这个领域。此外，如果在用户单击输入字段或jquery focus时字段变为焦点，我想将class添加到id为#searchput的div中。这是一个调整

页面加载=>.cf se输入变为焦点=>

.cf se输入成为焦点下一个代码将触发=>if.cf se输入在用户单击字段或jquery automaticall将其聚焦于页面加载addClass.cfse_a to#searchput时

更进一步

这是我的搜索框

<div id="searchput"> <input type="textarea" class="cf-se-input" /> </div> 

我对.cfse_a进行了样式化，这样任何带有该类的东西都有一个蓝色边框。 在我的例子中，我想要的不是带蓝色边框的输入字段，我想要searchput的div有蓝色边框，但只有当输入字段被聚焦时

---

现在有两种方法可以通过jquery或手动聚焦字段。我想两者都包括在内。因此，如果用户单击输入并使其成为焦点，我仍然希望将类添加到#searchput。另外，如果页面加载jquery强制输入字段处于焦点位置，我仍然希望将#searchput置于addClass.cfse_上

您需要使用

$.focus（）

方法。请参阅文档：

您可以调用

$（'.cf se input'）.focus（）

使焦点移动到文本区域

---

您可以调用

$（'.cf se input'）.focus（函数（）{alert（'focused！'）；}）

来自

$（文档）。准备好了

以便在文本区域聚焦时执行一些代码。

要突出显示用户聚焦，最简单的方法是只使用CSS

.inputElement:focus {
  box-shadow: 0 0 5px #EC8937;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #EC8937;
}

如果可以在Jquery文档就绪时向元素添加另一个类 您可以在启动时突出显示输入

但是，当不再需要焦点或者当用户单击其他对象时，请确保有一种方法可以删除该类

我尝试了$（'.cf se input'）.focus（）$（'.cf se input'）.focus（function（）{$（'.#searchput'）.addClass（'cfse_a'）；}）；这就是我在document ready上尝试的，但是输入字段的焦点是focused AddCals，但是它不起作用。