Событие onselect не запускается в div

Мне не удалось запустить обработчик событий onselect, прикрепленный к элементу <div>. Можно ли заставить <div> генерировать события Выбрать?

html onselect

28.12.2008 13:19

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

6 476

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Согласно w3schools, onSelect определяется только для объектов input и textarea.

Однако вы можете попытаться поймать MouseUp событие и получить выбранный текст в текущем окне / документе.

28.12.2008 13:46

Используйте OnClick.

:select применяется только к некоторым элементам формы.

28.12.2008 14:00

Вы можете добиться того, чего хотите, используя событие onMouseUp. См. ниже...

<html>
    <body>
        <div id = "container" style = "border: 1px solid #333" contentEditable = "true" onMouseUp = "checkMe()">Type text    here</div>

    </body>
    <script language = "javascript">
    function checkMe() {
        var txt = "";

        if (window.getSelection) {
                txt = window.getSelection();
        }
        else if (document.getSelection) {
            txt = document.getSelection();
        } else if (document.selection) {
            txt = document.selection.createRange().text;
        }

        alert("Selected text is " + txt);
    }
    </script>
</html>

Это более или менее то, что я ищу, но не учитывает возможность того, что пользователь будет использовать клавиатуру для расширения или перемещения выделения. Но тогда привязка той же логики к onKeyUp, вероятно, сработает.

— 27.10.2014 06:55

15.02.2012 19:09

Другие вопросы по теме

Добавить текстовую область при выборе параметров в раскрывающемся списке в java-скрипте

Как вы можете отобразить два элемента события в предупреждении для реакции-большого-календаря onSelectEvent

Как распечатать запись из базы данных, когда пользователь выбирает параметры из раскрывающегося меню? динамическая программа

Как затемнить поле ввода после заполнения другого поля ввода?

JQuery выберите onClick

OnSelect не запускается Reactjs

Материализовать Css Timepicker onSelect не работает

JQUERY datetimepicker onSelect не распознается

Angular ngx-диаграммы как получить номер оси x

Событие onselect не запускается в div

Ответы 3

Другие вопросы по теме

Похожие вопросы