Select text again after execCommand execution
167
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();
}
});
-
7:10
-
7:00
-
6:50
-
6:40
Reading data from the file, splitting the words and making an object
-
6:30
-
6:20
-
6:10
-
6:00
-
5:50
POPULAR ONLINE
- search for elements in a list 8724 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 7668 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 5621 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 5208 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 4062 visits
- Conflict: Multiple assets emit to the same filename 3903 visits
- Adding methods to es6 child class 3260 visits
READ ALSO
