How to create listener on document.createElement?

Question

How to create listener on document.createElement func?

For example, after

var canvas = document.createElement("canvas");

it was done automatically

console.log("createElement worked")

P.S. how to do the same but with different functions, for example toDataURL

var str = canvas.toDataURL("image/png");

it was done automatically

console.log("toDataURL worked")

`const cvs = document.createElement("canvas"); document.body.append(cvs); cvs.addEventListener("click", function(e) { console.log("X")})` — zer00ne, Oct 07 '22 at 19:12
console.log("createElement worked") // it can't be show automatically . you must have used it somewhere in your code — Rahul Mohanty, Oct 07 '22 at 19:13

score 1 · Accepted Answer · answered Oct 07 '22 at 19:37

You can override the original function and add your desired code extension at the beginning.

document.createElement = function (create) {
    return function() {
        console.log ('element created');
        return create.apply (this, arguments);
    };
}(document.createElement)

Example adapted from Hooking document.createElement using function prototype

How to create listener on document.createElement?

1 Answers1