Hammer.js 改变压力的阈值
Hammer.js change threshold for pressup
我只在一个元素上使用 Press。我将阈值更改为 1000,以便能够在按下时滚动。但是如果我滚动,pressup 事件不会触发。有没有办法也为 pressup 定义一个阈值?
这是我的代码:
var myElement = document.getElementById('testuso');
var mc = new Hammer.Manager(myElement);
mc.add(new Hammer.Press({
event: 'press',
pointer: 1,
threshold: 1000,
time: 1,
}));
mc.on('press', function(event) {
$('.skills').addClass( "show" );
});
mc.on('pressup', function(event) {
$('.skills').removeClass( "show" );
});
我的解决方案(它将事件绑定到网格中的每个 div):
$('.class').each(function(){
var $this = $(this);
var mc = new Hammer.Manager(this);
mc.add( new Hammer.Tap() );
mc.add(new Hammer.Press({
event: 'press',
pointer: 1,
threshold: 1000,
time: 1,
}));
mc.on('press tap', function(event) {
//do stuff
if (event.type == "tap") {
window.location.href = link;
$('.skills').removeClass( "show" );
}
});
mc.on('pressup', function(event) {
//undo stuff
});
});
我只在一个元素上使用 Press。我将阈值更改为 1000,以便能够在按下时滚动。但是如果我滚动,pressup 事件不会触发。有没有办法也为 pressup 定义一个阈值?
这是我的代码:
var myElement = document.getElementById('testuso');
var mc = new Hammer.Manager(myElement);
mc.add(new Hammer.Press({
event: 'press',
pointer: 1,
threshold: 1000,
time: 1,
}));
mc.on('press', function(event) {
$('.skills').addClass( "show" );
});
mc.on('pressup', function(event) {
$('.skills').removeClass( "show" );
});
我的解决方案(它将事件绑定到网格中的每个 div):
$('.class').each(function(){
var $this = $(this);
var mc = new Hammer.Manager(this);
mc.add( new Hammer.Tap() );
mc.add(new Hammer.Press({
event: 'press',
pointer: 1,
threshold: 1000,
time: 1,
}));
mc.on('press tap', function(event) {
//do stuff
if (event.type == "tap") {
window.location.href = link;
$('.skills').removeClass( "show" );
}
});
mc.on('pressup', function(event) {
//undo stuff
});
});