Я знаю, что $('#siteTitle').focus()
переносит фокус в поле ввода с идентификатором siteTitle
, и я также знаю, что focus()
заставляет ввод стать текущим активным элементом документа, таким образом, извлекается через document.activeElement
.
Моя проблема в том, что я не могу ничего напечатать в поле titleInput
, несмотря на то, что я на нем фокусируюсь. К моему входу уже применено некоторое форматирование, и по умолчанию он имеет затемненный водяной знак:
Но внутри него не отображается курсор, и что еще хуже, я не могу набрать его. Как я уже сказал, когда я использую document.activeElement
, поле ввода возвращается. Поэтому я уверен, что у него есть фокус.
Это мой HTML:
<div class="titleWrapper">
<div class="titleInpWrapper">
<input type="text" name="title" id="titleInput" value="Site Name" tabindex='0' /></div>
<p class="label">
What's your site's name?</p>
<p class='alert titleStep'>
</p>
</div>