OnsenUI按钮DOM事件

Question

我最近开始尝试使用OnsenUI作为移动应用程序的Jquery的替代品，并且想知道按钮按下与动作相对应的等效方式。 https://onsen.io/guide/overview.html#EventHandling似乎暗示组件DOM事件部分中存在相同的方式。

例如使用Jquery我会使用touchend事件来做某事

在HTML页面上，我创建了按钮

 <button id="button">Do this</button>

在app.js文件中，我将与

相关联

  $(document).on("touchend", "#button", function(e) {
    e.preventDefault();
    //do some action
    doSomething();
});

温泉试用方法

再次创建按钮并使用onclick处理程序

<ons-button modifier="material" onclick="doSomething()">
    Start                    
</ons-button>

doSomething()是.js文件中的关联操作，之后会变得很混乱。

Answer 1

作为框架的Onsen UI不等同于jQuery。如果你愿意，你可以将它与jQuery Mobile进行比较。因此，您可以毫无问题地一起使用Onsen UI和jQuery。我个人更喜欢Vanilla JavaScript：

cmd.Parameters.Add("@Amount", SqlDbType.Decimal).Value = Convert.ToDecimal(Amount);

或者：

<ons-button id="myButton">Do this</ons-button>

document.querySelector('#myButton').onclick = function(event) {
  doSomething();
};

Onsen UI 2.0不再内部依赖AngularJS，因此您无需担心它。