转自:http://www.jq22.com/jquery-info552
<script src="http://eightmedia.github.com/hammer.js/hammer.js"></script> // 先要对监听的DOM进行一些初始化 var hammer = new Hammer(document.getElementById("container")); // 然后加入相应的回调函数即可 hammer.ondragstart = function(ev) { }; // 开始拖动 hammer.ondrag = function(ev) { }; // 拖动中 hammer.ondragend = function(ev) { }; // 拖动结束 hammer.onswipe = function(ev) { }; // 滑动 hammer.ontap = function(ev) { }; // 单击 hammer.ondoubletap = function(ev) { }; //双击 hammer.onhold = function(ev) { }; // 长按 hammer.ontransformstart = function(ev) { }; // 双指收张开始 hammer.ontransform = function(ev) { }; // 双指收张中 hammer.ontransformend = function(ev) { }; // 双指收张结束 hammer.onrelease = function(ev) { }; // 手指离开屏幕
还支持jQuery插件的形式调用
<script src="http://eightmedia.github.com/hammer.js/jquery.hammer.js"></script> $("#element") .hammer({ // 对DOM进行一些初始化,这里可以加入一些参数 }) .bind("tap", function(ev) { console.log(ev); });