dojo 具有不同函数调用的多个 onclick答案

【问题标题】：dojo multiple onclicks with different function callsdojo 具有不同函数调用的多个 onclick
【发布时间】：2016-05-10 18:14:00
【问题描述】：

在将 Dojo 非 AMD JS 转换为 AMD 时，发现事件的困难处理我们有许多按钮、span 和 div，它们具有具有多个操作的不同事件。所以想知道我们应该使用on还是connect以及如何将它用于多个元素事件？

 <span onclick="a.abShow(); t.T1(); p.show();">

 <span onclick="a.test(); setTimeout(a.test1(),100)">
 <td onclick="ab.test7(); t.test();">

 Button('gallery', 'e.Refresh();a.test();','');

 ........

【问题讨论】：

标签： onclick dojo dom-events js-amd

【解决方案1】：

您可以使用dojo/on 模块轻松地对一个事件运行多个操作：

dojo/on 是一个用于 DOM 节点和其他事件发射对象的通用事件处理模块，提供标准化的事件监听和事件分派功能。

https://dojotoolkit.org/reference-guide/1.10/dojo/on.html#dojo-on

require(['dojo/on', 'dojo/domReady!'], function (on) {

  on(dojo.byId('my-span'), 'click', function (e) {
    alert('I throw an alert');
    alert('And do it again');
    alert('And again');
  });

  on(dojo.byId('my-other-span'), 'click', function (e) {
    alert('I throw an alert');
    alert('And do it again');
    alert('And again');
  });

});

<script type="application/javascript" src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<span id="my-span">Click me!</span>
<span id="my-other-span">Click me too!</span>

【讨论】：