Как вывести курсор из поля ввода?

Question

0

Я использую поле ввода как "экран" или "поддельный вход" для поля ввода файла.

У пользователя нет возможности щелкнуть по нему, поскольку я поставил над ним блок-блок.

Однако, когда я открываю диалог jQuery, содержащий поддельный вход, курсор помещается во вход.

Как я могу избежать этого.

Кажется, что по умолчанию поведение браузера перемещает курсор в это место.

По какой-то причине это не воспроизводится в скрипке:

function fooboo (moo){
}

nativist.bill.cutting 26 сен. 2013, в 23:28

Теги:

3 ответа

1

Просто измените html-тег ввода как span

<span id="file_fake" class="radius_left">Browse</span>

И небольшое исправление в css

#file_fake { line-height: 33px; text-indent: 10px; }

Скрипки:

Paul Rad 26 сен. 2013, в 18:59

0

Я пишу в свойство .value в JavaScript ... не могу сделать это с помощью span ... но в остальном хорошая идея.
nativist.bill.cutting 26 сен. 2013, в 21:32
0

Нет проблем;) Спасибо
Paul Rad 26 сен. 2013, в 21:36

1

Вы можете использовать jQuery.blur() для удаления фокуса.

$('#box').focus();
setTimeout(function() {
    $('#box').blur();
}, 2000);

Eugene Naydenov 26 сен. 2013, в 18:58

0

А как насчет совместимости браузера? developer.mozilla.org/en-US/docs/Web/API/...
Eugene Naydenov 26 сен. 2013, в 21:31
0

не работает ... Я также попытался добавить таймаут, но размытие по какой-то причине не убирает курсор.
nativist.bill.cutting 26 сен. 2013, в 21:52

Я пишу в свойство .value в JavaScript ... не могу сделать это с помощью span ... но в остальном хорошая идея.
А как насчет совместимости браузера? developer.mozilla.org/en-US/docs/Web/API/...
не работает ... Я также попытался добавить таймаут, но размытие по какой-то причине не убирает курсор.

Pat Dobson · Accepted Answer · 2013-09-26T19-56-00.000Z

Попробуйте сделать ввод отключенным или только для чтения

 <input name="name" type="text" readonly>
 <input name="name" type="text" disabled>

Это может сделать это. , ,