Cordova OnsenUI按钮DOM事件

Cordova OnsenUI按钮DOM事件,cordova,onsen-ui,Cordova,Onsen Ui,我最近开始尝试将OnsenUI作为移动应用程序Jquery的替代品,并想知道按下按钮与动作对应的等效方式是什么。似乎表明在组件DOM事件部分有相同的方法 例如,使用Jquery,我会使用touchend事件来做一些事情 在HTML页面上,我将创建按钮 <button id="button">Do this</button> 昂森试验法 再次创建按钮并使用onclick处理程序 <ons-button modifier="material" onclick="do

我最近开始尝试将OnsenUI作为移动应用程序Jquery的替代品,并想知道按下按钮与动作对应的等效方式是什么。似乎表明在组件DOM事件部分有相同的方法

例如,使用Jquery,我会使用touchend事件来做一些事情

在HTML页面上,我将创建按钮

 <button id="button">Do this</button>
昂森试验法

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

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

开始

doSomething()
是.js文件中的一个关联操作,但之后它就变得模糊了。

作为框架的用户界面并不等同于jQuery。如果愿意,您可以将其与jQuery Mobile进行比较。因此,您可以毫无问题地同时使用OnsenUI和jQuery。我个人更喜欢香草JavaScript:

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

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

Onsen UI 2.0不再在内部依赖AngularJS,因此您不必担心它。

也许这个问题对从未在Onsen UI上使用过的AngularJS有所帮助,但它看起来像是在使用AngularJS,所以请查看AngularJS控制器,您将在其中定义
doSomething()
function@Will.Harris,很好的提示。我已经设法解决了这个问题,实际上我发现它更容易理解!虽然这导致了一个我没有预料到的更大的问题,典型的…感谢Fran提供的信息,我一定会记住这些要点。
<ons-button id="myButton">Do this</ons-button>

document.querySelector('#myButton').onclick = function(event) {
  doSomething();
};
docment.addEventListener('click', function(event) {
  if (event.target.id === 'myButton'
  doSomething();
});