随身笔记
随身笔记

手机手势动作监听事件

手机监听 手机监控

hammer.js插件可以同时监听,

// 开始拖动
// 拖动中
// 拖动结束
// 滑动
// 单击
// 双击
// 长按
// 双指收张开始
// 双指收张中
// 双指收张结束
// 手指离开屏幕

以上事件都是手机APP,WEB前端开发需要到。

hammer.js

hammer下载

操作的元素属性名必须加ID,例如<div id=’name’>

// 先要对监听的DOM进行一些初始化
var hammer = new Hammer(document.getElementById("r_touchme"));
// 然后加入相应的回调函数即可
hammer.ondragstart = function(ev) { }; // 开始拖动
 
hammer.ondrag = function(ev) { };; // 拖动中
hammer.ondragend = function(ev) { }; // 拖动结束
hammer.onswipe = function(ev) {}; // 滑动
hammer.ontap = function(ev) { }; // 单击
hammer.ondoubletap = function(ev) {alert('双击') }; //双击
hammer.onhold = function(ev) { }; // 长按
hammer.ontransformstart = function(ev) { }; // 双指收张开始
hammer.ontransform = function(ev) { }; // 双指收张中
hammer.ontransformend = function(ev) { }; // 双指收张结束
hammer.onrelease = function(ev) { }; // 手指离开屏幕
 

 

随身笔记

手机手势动作监听事件
手机监听 手机监控 hammer.js插件可以同时监听, // 开始拖动 // 拖动中 // 拖动结束 // 滑动 // 单击 // 双击 // 长按 // 双指收张开始 // 双指收张中 // 双指收张结束 …
扫描二维码继续阅读
2014-07-01