Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具.
Touch.js的代码已托管于github并开源，希望能帮助国内更多的开发者学习和开发出优秀的App产品.
Touch.js手势库专为移动设备设计, 请在Webkit内核浏览器中使用.
<script src="http://code.baidu.com/touch-0.2.14.min.js"></script>
//swipe example
touch.on('.target', 'swipeleft swiperight', function(ev){
console.log("you have done", ev.type);
});See more live examples
近段时间使用html5开发一个公司内部应用，而触摸事件必然是移动应用中所必须的，刚开始以为移动设备上或许也会支持鼠标事件，原来是不支持的，好在webkit内核的移动浏览器支持touch事件，并且打包成app也毫无压力。原本以为touch事件应该跟鼠标事件是一样的道理，实践过程中虽然不难，但还是碰到了不少坑，才发现还是略有区别的。 $(document).bind(touchEvents.touchstart, function (event) { eve...
var ele = document.getElementsByClassName('target_node_class')[0] //may have x and y properties in some browsers,But it always has left, top, right, and bottom properties. var rect = ele.getBoundingClientRect(); var touch = new Touch({ "identifier" : 0, "target" : ele, "clientX" : (rect.left + rect.right)/2, "clientY" : (...
js&jq总结的还是挺棒的: http://www.cnblogs.com/yuanchenqi/articles/5980312.html http://www.cnblogs.com/yuanchenqi/articles/6070667.html 我学了很久没把js学会, 我发现我的路子错了, 一开始就追求大而全.....累死... 好办法应该是迭代式更新知识点.... ECMAScript(4,5) 目前学的是es5 es6其实是ECMAScript 2015. mvc模式和mvvm模式及vue学习思路 - 前端工作的日常: 拿到ui设计图: 切图--> html+css静态布局-->js写一下动...
#### 一、问题的由来 学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。 ```js var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二 foo() ``` 上面代码中，虽然obj.foo和foo指向同一个函数，但是执行结果可能不一样。请看下面的例子。 ```js var obj = { foo: function () { console.log(this.bar) }, bar: 1 }; var foo = obj.foo; var bar = 2; obj.foo() // 1...
js注释 JavaScript注释与Java注释相同 // 单行注释 /* 多行注释 */ js五大基本类型： number（数值型）、string（字符串性）、boolean（布尔型）、undefined类型、null类型 number包括：数值类型、包含整型、浮点型、NaN和Infinity（无穷大）。 关于数组的空间长度问题： 如何获取数组的空间长度： 通过length属性获取数组的空间长度 数组的length详解： java：只读属性 js：读写属...
欢迎点击「算法与编程之美」↑关注我们！ 本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。 问题描述 在使用JavaScript的时候，为了更加方便快捷的完成一些项目，通常会引用一些框架（库）。目前广受欢迎的库有：jQuery、Prototype、MooTools。所有这些框架都提供针对常见 JavaScript 任务的函数，包括动画、DOM 操作以及 Ajax 处理。 jQuery jQuery是一个轻量级的JavaScript库，它包含以下功能：H...
EMCAScript规范 javascript语言实现,ES6规范（使用babel编译器将es6转换为es5，webpack只支持部分es6）： import "jquery"; //返回function export function doStuff() {} module "localModule" {} es5: var o = require('s.js'); export default只有一个，export可以有多个 commonjs规范 nodejs语言实现 require("module"); require("../file.js"); //require返回对象 object exports.doStuff = function() {}...
define(['jquery'], function($) { var orderSummary = { $el: $('.summary-totals'), updateUrl : '../checkout/orderSummaryContentJson.jsp', cartRemoveUpdateUrl : '../cartridges/cart/subTotalContainer.jsp', orderComfirmSummaryUrl : '../checkout/orderReviewInfoSummaryContainer.jsp', bindChange : function() { this.$el = $('.summary-totals'); if($('.js-estimated').length) { $('.js-estimated').off('chan...
评论 (0)