Как реализовать всплывающее окно при выделении текста внутри div contenteditable="true" с помощью jQuery?

Question

[Gosha Sitnikov]

Хочу чтобы появлялся определённый div, после того как я выделю часть текста в div contenteditable и все это силами jQuery.
Пытался через .select(), но он работает только с Input и Textarea
Например, у ВК и Пикабу реализована данная функция при написании статей. Также у ВК это происходит именно внутри div contenteditable.

Answer 1

[2cha.headz]

$('.element').on('selectstart',function(e){
	$(document).one('mouseup', function() {
		if(window.getSelection().toString().length) {
			console.log('select');
                        //тут ваш обработчик
		}
	});
})

А вообще легче использовать что-то типо этого: https://ckeditor.com/ckeditor-5/demo/#balloon

Comments

[Gosha Sitnikov]

Спасибо, это сработало!