没有点击默认动画的滑动事件按钮

Question

我是 ionic、angular 和 HTML 的新手（菜鸟警报）。我正在尝试为滑动事件创建滑动表面并使用按钮标签。我的问题是我不需要单击按钮的默认行为，更具体地说，不需要它附带的默认动画。它应该只适用于移动设备。

有没有办法做到这一点？我怀疑这是非常基本的，我的方法可能是错误的。

我的滑动键指令：

app.directive('swipeKey', ['DimensionCalculator', function(DimensionCalculator) {  return {
restrict: 'E',
replace: true,
template: '<button><img src="../img/1465502670_Spread.png"></img></button>',
link: function(scope, elem, attrs) {
  console.log("swipeKey Directive: getSwipeButtonHeight=" +  DimensionCalculator.getSwipeButtonHeight());

  elem.css('height',  DimensionCalculator.getSwipeButtonHeight() + 'px');
  elem.css('width', DimensionCalculator.getSwipeButtonWidth() + 'px');
  elem.css('position', 'fixed');
  elem.css('background', 'url(../img/brushed1.jpg)');
  elem.css('z-index', '1');

我的 HTML：

<swipe-key on-swipe-up="Game.handleSwipeUp()" on-swipe-down="Game.handleSwipeDown()" on-tap="Game.handleSwipeUp()"></swipe-key> 

DimensionCalculator 是一种维度服务。

除了我不需要按钮具有的默认“点击”动画外，一切正常。 谢谢！

Answer 1

我担心这是非常基本的东西。为了实现我不应该使用按钮的请求行为，一个 div 就可以了。