Я хочу скрыть местозахват на клик, но кажется что-то блокирующим фокус, я пытаюсь добавить css input:focus:placeholder
ETC. Но ничего, это весь мой код, попробуйте, если есть что-то в js, что предотвратит фокусировку.Фокус на клик не работает
ответ
Вы помечено этот вопрос с JQuery , но вы не включили свою скрипку, поэтому я не уверен, что вы ее используете. Если вы, добавьте эти строки в JS, и это будет удалить заполнитель в центре внимания:
$('input').on('focus',function(){
$(this).attr('placeholder',"");
});
Убедитесь, что вы обернуть его в document.ready функции ($ (функция() ... в JQuery). Вот скрипка:
Да, это работает, можете ли вы добавить код, что на размытии появляется снова? –
просто замените «фокус» на «размытие» и поместите новый текст в двойные кавычки функции attr(). ... .on ('blur', function() {... .attr ('placeholder', 'new placeholder text'); ... – Cruiser
Чтобы скрыть заполнитель на фокусе поля ввода можно использовать onfocus
и onblur
события.
Ниже для примера:
<input type="text" placeholder="placeholder" onfocus="this.placeholder = ''" onblur="this.placeholder = 'placeholder'"/>
ничего, заполнитель еще здесь, просто исчезает, когда я начинаю печатать. –
См. Мой обновленный ответ ... –
Добавить это:
textarea:focus, input:focus
{
outline: none;
}
<div class="form-group">
<input type="text" id="exampleInlineTags" class="form-control token-example-field" name="search" value="" placeholder="placeholder" />
<button type="submit" class="btn btn-primary pull-right pretraga " id="sonata_search_submit">
<i class="glyphicon glyphicon-search"></i>
<span>SEARCH</span>
</button>
</div>
ничего, заполнитель еще здесь, просто исчезает, когда я начинаю печатать. –
Просто добавьте свой JS. Здесь есть только CSS и HTML. ** Демо [JSFddle] (http://jsfiddle.net/74fnr3k7/1/) ** – Pierrou
Пожалуйста, перечитайте вопрос, Pierrou; это заполнитель, на который он хочет избавиться, а не план. – Shaggy
атрибут placeholder=""
обычно исчезает, когда пользователь начинает вводить Если вы хотите, чтобы скрыть текст до того, как пользователь начинает вводить, вы можете использовать проект placeholder
pseudo-element
вы ки.. n скрыть текст, изменив цвет текста заполнителя.
/* Chrome/Safari/Opera */
input[type="text"]:focus::-webkit-input-placeholder {
color: transparent;
}
/* Firefox */
input[type="text"]:focus::-moz-placeholder {
color: transparent;
}
/* Internet Explorer */
input[type="text"]:focus:-ms-input-placeholder {
color: transparent;
}
/* Edge */
input[type="text"]:focus::-ms-input-placeholder {
color: transparent;
}
Как @Shaggy указывал, я не включил ::placeholder
без каких-либо конкретного браузера префиксов:
input[type="text"]:focus::placeholder {
color: transparent;
}
На данном этапе, я не в курсе, какие (если таковые имеются) броузеров поддерживайте это без префикса браузера. В Can I Use указано, что для каждого браузера требуется префикс, потому что этот псевдоселектор draft status на данный момент. Однако добавление селектора без префиксов в будущем подтвердит ваш код, если/когда он станет стандартным псевдоселектором.
Есть другие варианты, которые будут использовать JavaScript для изменения значения placeholder=""
для onBlur()
и onFocus()
событий.
Не забывайте о неподписанном элементе ':: placeholder'. – Shaggy
- 1. Фокус на клик?
- 2. MooTools: установите фокус на клик
- 3. css клик не работает
- 4. : фокус на классе не работает
- 5. фокус не работает на textarea
- 6. Фокус на EditText не работает
- 7. Фокус на странице не работает
- 8. Фокус на входе не работает
- 9. вторичный клик nsresponder, правый клик не работает
- 10. Отключить клик не работает
- 11. JQuery клик не работает
- 12. Не работает клик?
- 13. один клик не работает
- 14. Клик addEventListener не работает
- 15. Мой клик не работает
- 16. Создать на клик фокус на CameraSource - Android QR Code detection
- 17. На клик UIImageView SWIFT не работает
- 18. директива нг-клик не работает на кнопку
- 19. Один клик не работает на javascript
- 20. JQuery на второй клик не работает - мобильный
- 21. Изменить класс на клик не работает?
- 22. PreventDefault не работает на второй клик
- 23. JQuery datapicker не работает на второй клик
- 24. на изображении клик не работает jquery/js
- 25. jQuery фокус не работает
- 26. Фокус выбора не работает?
- 27. CSS: фокус не работает
- 28. нг-фокус и нг размытости не работает, а нг-клик работает отлично во входном элементе
- 29. вход: фокус не работает
- 30. Вход: фокус не работает
заполнители исчезают, как только пользователь начинает печатать. – Cruiser