Определите, выделен ли выбранный текст на веб-странице
-
25-09-2019 - |
Вопрос
Я пытаюсь определить, выделен ли выбранный текст (в Firefox) или нет? Например:
<p>Some <b>text is typed</b> here</p>
<p>Some <span style="font-weight: bold">more text is typed</span> here</p>
Пользователь может либо выбрать часть смелого текста, либо полный смелый текст. Вот что я пытаюсь сделать:
function isSelectedBold(){
var r = window.getSelection().getRangeAt(0);
// then what?
}
Не могли бы вы мне помочь?
Спасибо
Srikanth
Решение
Если выбор находится в редактируемом элементе или документе, это просто:
function selectionIsBold() {
var isBold = false;
if (document.queryCommandState) {
isBold = document.queryCommandState("bold");
}
return isBold;
}
В противном случае это немного сложнее: в браузерах без IE вам придется временно сделать документ редактировать:
function selectionIsBold() {
var range, isBold = false;
if (window.getSelection) {
var sel = window.getSelection();
if (sel && sel.getRangeAt && sel.rangeCount) {
range = sel.getRangeAt(0);
document.designMode = "on";
sel.removeAllRanges();
sel.addRange(range);
}
}
if (document.queryCommandState) {
isBold = document.queryCommandState("bold");
}
if (document.designMode == "on") {
document.designMode = "off";
}
return isBold;
}
Не связан с StackOverflow