mrusklon
@mrusklon
если долго мучится - что нибудь получится

Как сделать всплывающий блок при выделении текста?

есть у меня сайт , я на нем храню код , сделал кнопку для быстрого копирования кода в один клик , но хочется сделать еще удобнее , вижу вот такой пример
eAOe19os4G7e6m.jpg
на сайте www.zenpen.io , как сделать чтоб при выделении появлялся .. не важно что , просто чтоб возле курсора div или span или еще что
  • Вопрос задан
  • 1704 просмотра
Решения вопроса 1
mrusklon
@mrusklon Автор вопроса
если долго мучится - что нибудь получится
var getSelectedText = function() {
        var text = '';
        if (window.getSelection) {
            text = window.getSelection().toString();
        } else if (document.selection) {
            text = document.selection.createRange().text;
        }
        return text;
    };

    $('.класс у которого происходит выделение').on('mouseup', function(){
        var text = getSelectedText();
        if (text != ''){
            alert('действие при выделении');
        }
    });


тадамс :)
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@bogomaz67
верстальщик
before, after, position: absolute, а родителю position: relative
Ответ написан
4reddy
@4reddy
beginner web developer
А как отловить-то отсутствие выделенного текста, чтобы убрать тултип???
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы