br element with no parent node triggers paste event

Question

I am having trouble getting the parent node of a br element which triggered a ClipboardEvent.

What I am trying to achieve is to recursively match its parent to a certain class, but the br element's parentNode property is null:

Here is the DOM tree:

The path property of the ClipboardEvent seems to capture the hierarchy but it is not standard:

Update:

I figured out why this is happening.

The br element was replaced by some new element upon pasting by the first event handler, and in my 2nd event handler(this one that I am having issue with), br is no longer in DOM tree.

score 1 · Accepted Answer · answered Jul 11 '16 at 05:26

1

Try e.target.parentElement

e.target will get the target of the event, in this case the <br>

Demo: https://codecanister.com/Project/d547eed9/6/result/

answered Jul 11 '16 at 05:26

jlynch630

687
8
15

`e.target.parentElement` is `null` in this case, when `e.target` is `br`. See my first screenshot. – paradite Jul 11 '16 at 05:29
Totally works for me. Are you sure you are getting the correct `br`? – jlynch630 Jul 11 '16 at 05:39
Try p > span > br, without `input` – paradite Jul 11 '16 at 05:42
Uhm... That's strange. I will check again. – paradite Jul 11 '16 at 05:47
I think I figured out why this is happening. the `br` element was replaced by some new element upon pasting by the first event handler, and in my 2nd event handler(this one that I am having issue with), `br` is no longer in DOM tree. – paradite Jul 11 '16 at 06:14
Thanks for the help anyway. – paradite Jul 11 '16 at 06:14

br element with no parent node triggers paste event

1 Answers1