Javascript 不单击默认动画的滑动事件按钮

我对爱奥尼亚、安格尔和HTML（noob alert）是新手。我正在尝试为滑动事件创建滑动面，并使用按钮标记。我的问题是，我不需要单击按钮的默认行为，更具体地说，不需要它附带的默认动画。它应该只为移动设备刷卡

有办法吗？我怀疑这是非常基本的，我的方法可能是错误的

我的滑动键指令：

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');

app.directive（'swipeKey'，['DimensionCalculator'，函数（DimensionCalculator）{return{
限制：'E'，
替换：正确，
模板：“”，
链接：功能（范围、要素、属性）{
log（“swipeKey指令：getSwipeButtonHeight=“+DimensionCalculator.getSwipeButtonHeight（））；
css（'height'，DimensionCalculator.getSwipeButtonHeight（）+'px'）；
css（'width'，DimensionCalculator.getSwipeButtonWidth（）+'px'）；
元素css（‘位置’、‘固定’）；
元素css（'background'，'url（../img/brushed1.jpg'）；
元素css（'z-index'，'1'）；

我的HTML：

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

DimensionCalculator是用于标注的服务

除了我不需要按钮所具有的默认“单击”动画之外，一切都正常。

---

谢谢！

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

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

你尝试过什么吗？你遇到过什么问题吗ed？请编辑问题以发布您尝试过的代码。您尝试过任何东西吗？您遇到了什么问题？请编辑问题以发布您尝试过的代码。