javascript - 使用RequireJS怎么进行DOM1.0的事件绑定

Question

使用RequireJS怎么进行DOM1.0的事件绑定？
比如在一个 main.js里写了一个

function oClick (){
    alert(1);
}

比如有一个demo.html中有一个a标签

<a href="javascript:;" onclick="oClick()">点击触发main.js中的事件</a>

main.js是通过RequireJS模块载入的。这时候可以会报错，说oClick is undefined 我如何在HTML中绑定这个事件？

Answer 1

require遵循AMD规范，首先define定义模块，exports导出。
以上步骤完成之后，即可引入页面使用。

例:
var click = require('./click');
调用可以这样：
element.onclick = click.oClick();

记住，require遵循AMD规范，直接调用oClick是找不到的，所有的属性方法都挂在到了exports上面。

最后，为什么要在元素上面绑定事件呢？

Answer 2

onclick里面会去寻找全局变量 模块化规范会避免全局变量引发的问题 没个单独的文件都有独立的上下文 你要使用就在main.js里面进行事件绑定