jquery单击div以在子输入字段中设置光标

我不知道这是否可能.

出于样式的目的,我有一个带有输入字段的div.我想在点击输入字段的周围div后,将光标(闪烁|)放在输入字段上(基本上允许用户开始输入).

这张图片可以更好地解释我的问题.我将输入字段涂成蓝色以更好地说明问题：

这可能吗？

是的,有可能使用jQuery：

$(".area").click(function() {
  $(this).find("input,textarea").focus();
});

.area {
  padding: 20px;
  background: #ccc;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="area">
  <input type="text">
</div>

但是你可能不需要jQuery.您可以使用label标签及其标准行为：

.area {
  padding: 20px;
  background: #ccc;
  display: block;
}

<label class="area" for="name">
  <input type="text" id="name">
</label>