javascript - 使用手势库hammer给元素添加类出现的问题?

问题描述

问 题

本来想做一个手机上的拖动动画效果，但是出现了一个奇怪的问题？
demo在这：https://jsfiddle.net/7n5cfyr8/5/
hammer不能通过class生成hammer对象吗？

var h = document.querySelectorAll(".d2");
var hammertime = new Hammer(h);
var start;
var th = h.getElementById("move");
hammertime.on("panstart", function(ev) {
  //控制台输出
  strart = new Date().getTime();
  th.className = "moved";
});
hammertime.on("panend", function(ev) {
  //控制台输出
  var now = new Date().getTime();
  if((now - strart) > 1000){
    return;
  }
  else{
   th.className= "";
  }
});

解决方案

原生JS中class是关键字，使用className来获取html 中的class属性值

这篇关于javascript - 使用手势库hammer给元素添加类出现的问题?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！