如果再次单击相同的按钮，则不会触发 Javascript Dojo/Dijit 单选按钮单击事件

Question

我可以创建带有点击事件的 Dijit 单选按钮，它们工作正常。但是，当再次单击同一个按钮（即当前选中的按钮）时，不会触发 on-click 事件。我怎样才能使它在再次单击当前选中的单选按钮时可以使用事件回调？

我正在使用 dijit/form/RadioButton"。

我按以下程序创建单选按钮：

var aRadioButton = new RadioButton({
  checked: someBooleanValue,
  value: someValue,
  name: someName,
  onClick: lang.hitch(this, buttonCallback) // This works, except for when same button is clicked.
});

Answer 1

默认情况下，Dojo 不支持 RadioButton 的这种行为。

除了文件_RadioButtonMixin.js 中函数_onClick 的猴子路径之外，您还可以直接在dom 本身上添加一个事件侦听器，在此示例中，我在RadioButton 上使用focusNode。

活生生的例子：

https://jsfiddle.net/gibbok/kwdy5gqc/

  require([
  "dojo/on",
  "dojo/parser",
  "dijit/form/RadioButton",
  "dijit/form/Button", // used for example purpose
  "dojo/domReady!"
], function(on, parser, RadioButton) {
  var radioOne = new RadioButton({
    checked: true,
    value: "tea",
    name: "drink"
  }, "radioOne");

  var radioTwo = new RadioButton({
    checked: false,
    value: "coffee",
    name: "drink"
  }, "radioTwo");

  var signal = on(radioOne.focusNode, "click", function(event) {
    // this code will fire when domNode is clicked
    alert('click on input tea');
  });

  var signal = on(radioTwo.focusNode, "click", function(event) {
    // this code will fire when domNode is clicked
    alert('click on input cafee');
  });


  parser.parse();
});

---

<form id="myform">
  <input type="radio" name="drink" id="radioOne" checked value="tea" />
  <label for="radioOne">Tea</label>
  <br />
  <input type="radio" name="drink" id="radioTwo" value="coffee" />
  <label for="radioTwo">Coffee</label>
  <br />

  <button data-dojo-type="dijit/form/Button" type="button">
    Show form submit value
    <script type="dojo/on" data-dojo-event="click">
      require(["dojo/dom"], function(dom){ with(dom.byId('myform'))with(elements[0])with(elements[checked?0:1])alert(name+'='+value); return false; });
    </script>
  </button>
</form>