如何获取事件的textContent长度

Question

I would like to retrieve the number of elements in an event.

I use the following function :

      element.bind('keyup', function (event) {
        console.log(event);
        });

The console.log (event) resitute me an object like this one (object shortened for the rendering)

n.Event {originalEvent: KeyboardEvent, type: "keyup", isDefaultPrevented: 
 ƒ, timeStamp: 13561.044999980368, jQuery2140638708200199875: true, …}
 altKey: false
 bubbles: true
 cancelable: true
 char: undefined
 charCode: 0
 ...
 scrollTop: 0
 scrollWidth: 1035
 shadowRoot: null
 slot: ""
 spellcheck: true
 style: CSSStyleDeclaration {alignContent: "", alignItems: "", alignSelf: "", 
 alignmentBaseline: "", all: "", …}
 tabIndex: 0
 tagName: "DIV"
 textContent: "abc"
 title: ""
 translate: true
 ...

In this object I would like to retrieve in variable the value of the length of the textContent

  textContent: "abc"

Here is a example :

https://codepen.io/gregand/pen/PoYevYQ?editors=1111

How can I recover this value ?

Answer 1

To achieve expected result, use below code

console.log(event.target.childNodes[0].length)

working code for reference - https://codepen.io/nagasai/pen/JjPvJoL?editors=1111