我正在开发一个网站,希望它也能在移动设备上运行。但由于我使用了大量的JavaScript,因此我更喜欢在桌面测试环境中进行测试(如FireFox、FireBug等)。
有没有一种方法可以将鼠标事件映射到触摸事件,以便在桌面浏览器中测试网站,但“模拟”所有触摸操作,就像它是移动设备一样?
我已经看到很多库/函数可以实现反过来的操作,但那不是我想要的。
我正在开发一个网站,希望它也能在移动设备上运行。但由于我使用了大量的JavaScript,因此我更喜欢在桌面测试环境中进行测试(如FireFox、FireBug等)。
有没有一种方法可以将鼠标事件映射到触摸事件,以便在桌面浏览器中测试网站,但“模拟”所有触摸操作,就像它是移动设备一样?
我已经看到很多库/函数可以实现反过来的操作,但那不是我想要的。
$(document).keypress(function(event) {
// Simulate Left Flick (A)
if (event.which == '97') {
alert('LEFT FLICK');
SomeFunction1();
}
// Simulate Right Flick (D)
if (event.which == '100') {
alert('RIGHT FLICK');
SomeFunction2();
}
});
$( "#Page" )
.live('swipeleft',function() {
SomeFunction1();
})
.live('swiperight',function() {
SomeFunction2()
});
如果您想让每个页面执行不同的操作,则应将keypress对象绑定到页面上。您的代码应该如下所示。
$( "#Page" )
.live('swipeleft',function() {
SomeFunction1();
})
.live('swiperight',function() {
SomeFunction2()
})
.keypress(function(event) {
// Simulate Left Flick (A)
if (event.which == '97') {
alert('LEFT FLICK');
SomeFunction1();
}
// Simulate Right Flick (D)
if (event.which == '100') {
alert('RIGHT FLICK');
SomeFunction2();
}
});