Select text again after execCommand execution
222
May 23, 2017, at 06:25 AM
I'm building a text editor using jQuery.
I have a content-editable div and when I click the <span id="bold-text">
I can change the style of selected text:
$('span#bold-text').mousedown(function(e){
document.execCommand('bold', false, null);
});
After execution of document.execCommand (or maybe because clicking) span selection loose focus.
How can I auto select same text after execCommand?
Answer 1
You might need to store the last focused item within jQuery (exclude the span):
var toFocus;
$("*:not(span#bold-text)").blur(function() {
toFocus = this;
});
Then re-focus it:
$('span#bold-text').click(function(e){
document.execCommand('bold', false, null);
if(toFocus){
$(toFocus).focus();
}
});
-
05:00
How to multiply multiple input type number with the same ID and name
-
04:50
-
04:40
-
04:10
-
03:50
-
03:40
-
03:20
-
03:10
FPDI (or Adobe) is sending wrong data to the printer, so the PDF prints out as A4 size
-
03:00
POPULAR ONLINE
- search for elements in a list 10688 visits
- Adding methods to es6 child class 10547 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 8624 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 6831 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 6033 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 4946 visits
- Conflict: Multiple assets emit to the same filename 4814 visits
READ ALSO
