Select text again after execCommand execution
171
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();
}
});
POPULAR ONLINE
- search for elements in a list 9817 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 7960 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 5978 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 5488 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 4349 visits
- Conflict: Multiple assets emit to the same filename 4116 visits
- Adding methods to es6 child class 3513 visits
READ ALSO
