выделите текст в поле ввода и одновременно включите курсор - возможно?

Question

выделите текст в поле ввода и одновременно включите курсор - возможно?

0

Мне только что сказали сделать это:

Строка поиска пользователя должна быть полностью выделена
Курсор должен быть активным в окне поиска.

Афаик - это невозможно без серьезного взлома - правильно?

Dannyboy 05 май 2014, в 23:58

Источник

0

Какова цель выделения?
Will 05 май 2014, в 21:12
0

@Will Не знаю - запрос начальника
Dannyboy 05 май 2014, в 21:13
0

Я понимаю, что вы не спрашиваете о мнениях UX, но ... если цель состоит в том, чтобы подчеркнуть строку поиска, заголовок будет лучше "Вы ищете Боба LobLaw ". Если это позволяет пользователю быстро стереть его, нет никакой причины также иметь курсор там, поскольку он немедленно стерет его при наборе текста. Мобильный стиль [X] на стороне будет более естественным.
Will 05 май 2014, в 21:16
0

@Will Я согласен. этот запрос звучит глупо - я просто хотел получить подтверждение того, что это не легко достижимая вещь.
Dannyboy 05 май 2014, в 21:32

Показать ещё 2 комментария

Теги:

javascript

html

1 ответ

Ещё вопросы

Я понимаю, что вы не спрашиваете о мнениях UX, но ... если цель состоит в том, чтобы подчеркнуть строку поиска, заголовок будет лучше "Вы ищете Боба LobLaw ". Если это позволяет пользователю быстро стереть его, нет никакой причины также иметь курсор там, поскольку он немедленно стерет его при наборе текста. Мобильный стиль [X] на стороне будет более естественным.
@Will Я согласен. этот запрос звучит глупо - я просто хотел получить подтверждение того, что это не легко достижимая вещь.

Will · Accepted Answer · 2014-05-05T19-55-00.000Z

Даже не думай, что можешь ответить, если не знаешь, для чего это. Выделение может означать "вызов", или это может означать "выбрать". "Выделенный ответ" и "Выделите текст мышью". Вы не можете выделить текст и курсор в одном и том же поле ввода.

Тем не менее, div с белым фоном и серой рамкой можно сделать похожим на вход, если стили текста для этого div соответствуют вашему входному тексту CSS. Поместите div и ввод в оболочку с position: relative; задавать. Позиция .fake-input-div над вашим фактическим входом через position: absolute с небольшой левой комнатой для передышки. Выберите .fake-input-div через JS и сфокусируйте вход. В левой боковой комнате для дыхания должен отображаться курсор на входе. onkeydown для ввода, скрыть поддельный div. Затем рассмотрите другие N возможных взаимодействий, которые ожидают пользователи. :)

Аналогичным образом используется ряд библиотек автозаполнения, чтобы они выглядели так, как будто выбранные вами элементы по-прежнему находятся во вводе (например, теги в wordpress или имена друзей в этой синей социальной сети).

Лучшее: объясните своему боссу, почему это плохая идея. :)

> Лучше всего: объясните своему боссу, почему это плохая идея. :). хаха - я только что сделал. Простой фокус () в порядке, говорит он. Но спасибо за ваш ответ!