如何更加优雅的给dom绑定事件

Question

通常要给很多元素加上事件，比如点击等等。这时候可能就会写很多类型下面的语句

document.querySelector('#id').addEventListener()

可能你要绑定多少元素就会要写多少句，感觉十分的不好看。
如果在dom上直接写 onclick = xx函数。 然后js里只需要写上相关的回调函数，这些回调函数可以单独写在一个js文件里，感觉就会优雅一些。

不知道你们一般怎么写事件绑定的。 当然是在不用框架的前提下，不过用框架的话，写法和我上面提到的类似。