首页 > 使用RequireJS怎么进行DOM1.0的事件绑定

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

使用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中绑定这个事件?


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

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

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

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


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

【热门文章】
【热门文章】