Select text again after execCommand execution
194
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();
}
});
-
01:50
-
01:40
-
01:20
-
01:10
-
01:00
-
00:50
-
00:30
-
00:20
LARAVEL - Posts sorted by - Selected value after refresh (bootstrap)
-
00:00
POPULAR ONLINE
- search for elements in a list 10337 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 8192 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 6289 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 5683 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 4570 visits
- Adding methods to es6 child class 4421 visits
- Conflict: Multiple assets emit to the same filename 4389 visits
READ ALSO
