javascript - 用于滑动事件的按钮，无需单击默认动画

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。