煎茶触摸2:聆听点击两个不同的HTML按钮

Question

在我的嵌套列表中，我有两个html按钮。我已经有一个嵌套列表的侦听器，它显示持有两个按钮的detailCard，但我想添加另一个侦听器，当按下其中一个按钮时执行一些操作。每个按钮都做一些不同的事情，所以我无法将其中一个按钮委托给特定的功能。有没有办法做这样的事情：

listeners : {
element  : 'element',
delegate : 'button.mybutton',
tap      : function() {
    //...
  }
}

但是对于多个代表，每个代表都做其他事情？

Answer 1

您可以将数据属性添加到按钮并做出相应的反应：

<button data-do="showDetailCard">
<button data-do="anotherAction">
// ...
listeners: {
    tap: {
        element: 'element',
        delegate: 'button',
        fn: 'doAction'
    }
}
// ...
function doAction(event) {
    var do = event.target.dataset.do;
    if (do === 'showDetailCard') {
        // show detail card
    } else if (do === 'anotherAction') {
        // do another action
    }
}