Это старая версия документа!
Содержание
HTML глобальный атрибут: contextmenu (контекстное меню)
Глобальный атрибут contextmenu это идентификатор, который будет использоваться в качестве контекстного меню для этого элемента .contextmenu
<menu>
Контекстное меню — это меню, которое появляется при взаимодействии с пользователем, например при щелчке правой кнопкой мыши. HTML теперь позволяет нам настраивать это меню. Вот несколько примеров реализации, включая вложенные меню.
Интерактивный пример
Использование
Примечание
Нестандартный: эта функция нестандартна и не входит в стандартную комплектацию. Не используйте его на рабочих сайтах, выходящих в Интернет: он подойдет не каждому пользователю. Между реализациями также может быть большая несовместимость, и поведение может измениться в будущем.
Примечание
Устарело: эта функция больше не рекомендуется. Хотя некоторые браузеры все еще могут его поддерживать, возможно, он уже удален из соответствующих веб-стандартов, может находиться в процессе удаления или может быть сохранен только в целях совместимости. Избегайте его использования и, если возможно, обновите существующий код; см. таблицу совместимости внизу этой страницы, чтобы принять решение. Имейте в виду, что эта функция может перестать работать в любой момент.
Синтаксис
contenteditable="true | false"
<h1 contenteditable="false">Редактирование запрещено</h1>
<p contenteditable="true">Редактирование разрешено</p>
Значения атрибута
- true или пустая строка- Включает режим редактирования.
- false - Запрещает редактирование элемента.
- plaintext-only, что указывает на то, что необработанный текст элемента доступен для редактирования, но форматирование расширенного текста отключено.
Вместо true допустимо указывать пустое значение (contenteditable=«») или вообще его не писать (contenteditable).
Значение по умолчанию: По умолчанию наследует значение родителя.
Если этот атрибут отсутствует или его значение недопустимо, его значение наследуется от родительского элемента: поэтому элемент доступен для редактирования, если его родительский элемент доступен для редактирования.
Применяется к тегам
<a>, <abbr>, <area>, <article>, <aside>, <audio>, <b>, <basefont>, <bdo>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <col>, <colgroup>, <dd>, <dfn>, <dir> , <div>, <dl>, <dt>, <em>, <fieldset>, <h1>, <h2>, <h3>, <h4>, <h5>, <i>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <menu>, <ol>, <option>, <pre>, <q>, <samp>, <select>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tr>, <ul>, <var>
Доступность
Вы можете установить цвет, используемый для рисования курсора вставки текста, с помощью Caret свойства CSS caret-color.
Элементы, которые с помощью атрибута становятся редактируемыми и, следовательно, интерактивными, contenteditable
могут быть сфокусированы. Они участвуют в последовательной навигации с помощью клавиатуры. Однако элементы с contenteditable
атрибутом, вложенным в другие contenteditable
элементы, по умолчанию не добавляются в последовательность табуляции. Вы можете добавить вложенные contenteditable
элементы в последовательность навигации с помощью клавиатуры, указав значение tabindex
(tabindex="0").