适当的方式来回应一个动作,而不是纸张涟漪

时间:2015-11-29 18:34:23

标签: javascript css asynchronous polymer paper-elements

所以我非常喜欢Polymer paper-ripple附带的免费paper-button效果。但是,如果我需要做一个动画(或任何阻止css动画的动画)以响应按钮点击,那么纹波会被切断。

到目前为止,我发现的唯一工作是等到波纹完成后会出现如下代码:

<paper-button id="button" on-tap="_action"></paper-button>
...
_action: function (event) {
   var response = function (event) {
      this.$.button.removeEventListener('transitionend', response);
      //take action here ...
   }.bind(this);
   this.$.button.addEventListener('transitionend', response); 
}

但这看起来很迂腐。我应该在这里使用更简洁的模式吗?

0 个答案:

没有答案