How many characters has the user deleted in WYSIWG element?

Asked Jun 04 '20 at 09:43

Active Jun 04 '20 at 09:43

Viewed 22 times

I want to figure out how many characters are deleted by the user in a contenteditable div. I have a component that is rendered like this.

render(): JSX.Element | null {
    return (
      <div className="input-box">
        <div
          contentEditable={true}
          id={this.props.textId}
        />
      </div>
    );
  }

onContentChange is added as an eventListener inside componentDidMount().

I'm trying to print the event inside onContentChange, but I am not able to distinguish when the user has deleted one character or more, how can I find this out using the event or any other method?

asked Jun 04 '20 at 09:43

Ieshaan Saxena

Maybe this can help – yunzen Jun 04 '20 at 10:03
@yunzen I think you missed something – Ieshaan Saxena Jun 05 '20 at 04:24
You are right: Here the missing link https://stackoverflow.com/questions/1391278/contenteditable-change-events – yunzen Jun 05 '20 at 06:49
@yunzen this is not what I'm looking for, I strictly want to know how many characters are deleted – Ieshaan Saxena Jun 05 '20 at 09:10
I don't think there is an easy solution to your answer. You need to distinguish between editing, deleting forwards ([Del]), deleting backwards ([Backspace]), cutting, selecting, etc. – yunzen Jun 08 '20 at 06:51
@yunzen, exactly, that's why I skipped on going for that approach – Ieshaan Saxena Jun 16 '20 at 05:53

How many characters has the user deleted in WYSIWG element?

0 Answers0