I need to analyze the object created by Angular in the blur event. I've logged it in the console but the object is rather big and it's hard to follow, as the properties aren't directly visible and I have to click each one to know the contents.
FocusEvent {isTrusted: true, relatedTarget: null, view: Window, detail: 0, sourceCapabilities: InputDeviceCapabilities, …}
bubbles: false
cancelBubble: false
cancelable: false
composed: true
currentTarget: null
defaultPrevented: false
detail: 0
eventPhase: 0
isTrusted: true
path: (14) [input.table-cell, td, tr, tbody.ui-table-tbody, table, div.ui-table-wrapper, div.ui-table.ui-widget, p-table, app-table-test, app-root, body, html, document, Window]
relatedTarget: null
returnValue: true
sourceCapabilities: InputDeviceCapabilities {firesTouchEvents: false}
srcElement: input.table-cell
target: input.table-cell
timeStamp: 6538.540000008652
type: "blur"
view: Window {parent: Window, postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, …}
which: 0
__proto__: FocusEvent
To this end, I've used JSON.stringify
to turn it into a string that I can copy into the clipboard (and then a text editor), but its only output is an object with just one property, namely, it shows {isTrusted: true}
. That's it.
I've read that stringify only shows own properties, and I wonder if there is a way I can make it print everything.