onmousedown事件的Javascript setInterval功能

时间:2013-07-19 21:01:01

标签: javascript svg onmousedown

我正在尝试使用Javascript和SVG键盘图像创建虚拟键盘。 我已经能够访问'按钮的onmousedown属性。元素,并在按下该按钮时调用myFunction

button.onmousedown = (function(self) {
    return function() { self.myFunction(); };
})(this);

我希望添加重复键功能,并希望合并setInterval,以便myFunction每秒重复一次。我无法将setInterval合并到onmousedown功能中。我应该尝试将setInterval添加到上面的代码中,还是将其添加到myFunction?我想只使用基本的Javascript。提前谢谢。

1 个答案:

答案 0 :(得分:1)

var interval;

button.addEventListener('mousedown', function() {
  interval = setInterval(doSomething, 20);
});

button.addEventListener('mouseup', function () {
  clearInterval(interval);
});

function doSomething()
{
  //your code here
}

这样的东西?

实例:http://cssdeck.com/labs/cbpb6qqm