Optimizar llamada a eventos? (jQuery || javascript)

buenas a todos,
empecé a usar require.js desde hace poco.
y me doy cuenta que ya no se puede hacer algo así

<button onclick='my_function();'> click!! </button>

ya que todo el código se encuentra en módulos y sale fuera del scope, ahora con jquery seria algo así

$(document).on('click','button[data-onclick="button"]',function(){
//code
});
agrego que son elementos creados dinamicamente.

quería saber cual de los 2 era el mas optimo, alguien que conosca podria decirme como afecta al rendimiento cada forma de hacerlo.

gracias desde ya.

Personalmente prefiero la siguiente sintaxis:

Código Javascript :

DOMElement.addEventListener('click', functionName, false);
function functionName (event) { //... }

DOMElement.addEventListener('click', function (event) {
    // ...
}, false);

// ES6 Arrow Function
DOMElement.addEventListener('click', (event) => {
    // ...
}, false);

No sabría decirte si el rendimiento será mejor pero sin duda la sintaxis ofrece mas y mejores opciones. Por ejemplo, puedes eliminar el listener cuando ya no te sea necesario y optimizar memoria.

Código Javascript :

DOMElement.removeEventListener('click', functionName);

Saludos!

Usa este codigo javascript
DOMElement.addEventListener('click', functionName, false);
function functionName (event) { //... }

DOMElement.addEventListener('click', function (event) {
// ...
}, false);

// ES6 Arrow Function
DOMElement.addEventListener('click', (event) => {
// ...
}, false);