Отключить фокус курсора для текстового поля только для чтения при использовании клавиши табуляции

Question

Отключить фокус курсора для текстового поля только для чтения при использовании клавиши табуляции

0

Я использую текстовое поле readonly. Я хочу сосредоточиться на текстовом поле ввода, только если это редактируется. Если это не редактируется, как мне отключить фокус для конкретного текстового поля.

Ahmad Gamal 30 нояб. 2013, в 11:37

Источник

2

Установите tabindex="-1" для текстового поля, когда оно не доступно для редактирования.
Teemu 30 нояб. 2013, в 10:35
0

чтобы искоренить действие щелчка, вы также можете добавить: [readonly] {pointer-events: none;}
G-Cyr 30 нояб. 2013, в 11:07

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

Установите tabindex="-1" для текстового поля, когда оно не доступно для редактирования.
чтобы искоренить действие щелчка, вы также можете добавить: [readonly] {pointer-events: none;}

Ahmad Gamal · Answer 1 · 2015-02-03T12-37-00.000Z

Попробуй это:

<input type="text" value="test" onfocus="this.blur()" readonly="readonly" >

Спасибо за ваше решение. У меня это сработало :) Но я надеюсь на какое-нибудь решение на основе CSS, кроме этого решения - >>>> tab-index = -1; Поскольку tab-index не работает в случае клавиатур сенсорных устройств (особенно в ios)

Akshay Patwa · Answer 2 · 2017-04-04T04-46-00.000Z

set tabindex = "-1"

и сохраните один input:read-only {pointer-events: none;} селектора css input:read-only {pointer-events: none;}