我想在用户在指定div上滑动手指时触发事件。例如:当用户在div上滑动手指时,应该调用特定的函数。Win 8应用程序在手指滑动时触发事件
1
A
回答
1
这将添加事件处理程序:
document.getElementById('divId').addEventListener('mspointermove', handler, false);
那么你就必须认识到,如果它是一个触摸事件或鼠标事件。
function handler(event) {
if (eventObject.pointerType === 2) {
// touch event
}
}
这是触摸事件的complete guide。 msgesturestart/change/end可能是你想要使用的。
0
您需要使用WinRT的完整手势识别器功能才能获得最佳体验。 MSDN已完全通过示例here。这将允许您抓取DIV的操作并适当地处理它。简单的步行是here。请注意,需要:
- 创建MSGesture对象
- 捕捉MSPointerDown,指针ID添加到1
另外一个考虑创建手势的实例是看你的经验和考虑是否使用mandatory snap points,并且滚动条中的多个项目可能适合您的体验。
一些示例代码:
<div id="touchMe" style="width:500px; height: 500px; background-color: yellow; "></div>
的JavaScript,运行时TOUCHME可用:
var v = document.getElementById("touchMe");
v.addEventListener("MSGestureStart", function() {
console.log("foo");
});
var gestureThing = new MSGesture();
gestureThing.target = v;
v.dooHicker = gestureThing;
v.addEventListener("MSPointerDown", function (e) {
gestureThing.addPointer(e.pointerId);
console.log("down");
});
v.addEventListener("click", function() {
console.log("click");
});
相关问题
- 1. 在C#中为Win 8 Metro应用程序举办Button事件
- 2. 手动触发LocationListener事件
- 3. MelonJS手动触发事件
- 4. 手动触发事件c#
- 5. 手动触发slickgrid事件
- 6. 手动触发wx.EVT_SIZE事件
- 7. 手动触发Hammer.JS事件?
- 8. Windows 8商店应用程序MediaElement事件没有触发
- 9. 未触发触摸和滑动事件
- 10. CheckBox Checked和Unchecked事件在Windows Phone 8应用程序中滚动列表框时触发事件?
- 11. 滑动时滑动轮播触发点击事件
- 12. 在c中手动触发事件#
- 13. 在JQuery中手动触发事件
- 14. 在移动网络应用上触发滑动和触摸事件? - iPhone/Android
- 15. 为什么在编译VB6应用程序时触发事件?
- 16. 如何在卸载iphone应用程序时触发事件?
- 17. 如何使用PyGTK事件处理程序手动触发事件?
- 18. 在Windows 8商店应用程序中使用xaml没有触发PositionChanged事件
- 19. Jquery Mobile滑动事件不会触发
- 20. tableView:didSelectRowAtIndexPath在滑动手势后未触发
- 21. 使用iPhone时钟触发应用程序内的事件
- 22. Android应用程序中的手指滑动
- 23. 手指拖动时触发按钮它
- 24. 触摸屏:当手指滑入元素时注册触摸事件
- 25. Windows 8应用程序异步事件
- 26. 如果无法识别滑动手势,则触摸UIScrollView下的触摸事件 - 就像iPad Twitter应用程序
- 27. Android - FragmentStatePagerAdapter:手动触发滑动/禁用滑动
- 28. Drop事件并非在AngularDart应用程序中触发,而是拖动事件正在触发
- 29. Blackberry Web Works如何在每次启动应用程序时触发事件
- 30. 当在android webview的jquerymobile中滑动时防止触发事件被触发
谢谢,我想这已经,正是我想要的是我有一个日历,对我有一个显示月份并有两个按钮的左侧栏。现在通过点击按钮并调用nextmonth()函数来显示下个月,同样我想用触摸手势来做,就像当你刷新月份时应该改变下个月()应该被调用。 – Shavez
@ user1680197我已经编辑完整指南的帖子。 –