jquery实现app开发闹钟功能_jQuery Mobile 实现苹果滑动删除闹钟功能的几点总结

1.jquery给动态添加的元素添加事件

在jquery推出新版本，使用.on()以前，我们会用.live()来为动态添加的代码绑定事件，但是现在jQuery用.on()替代了.live()

先看个.live()实例

$("a").live("click", function() {

$("#111").append("ok");

});

再看一个.on()的实例

$("body").on("click","a", function() {

$("#111").append("ok");

});

其中，.live()的用法跟1.7之前的.on()类似，而1.9的.on()方法是on(events,[selector],[data],fn) ，可以指定绑定在哪个父节点上，在后面的选择器内写上要出发的元素选择器

live原理：

.live()则是通过事件委托的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

2.event.originalEvent JQuery

今天在使用jquery的e.pageX时，发现其获得的值一直是undefined，百度了一下，换成了e.originalEvent.pageX就好了，问题是解决了，但是不知道原因，于是在Stack Overflow上搜了一下，在这里给大家翻译一下。

event.originalEvent是原生的js event，如果浏览器是兼容或者是在可触的设备上使用，API通常是暴漏给event.originalEvent。简单来说，event.originalEvent会根据触发时间类型和浏览器运行环境表现不一。

举个例子：

var files = event.dataTransfer.files; //Gives error: trying to get property of undefined

var files = event.originalEvent.dataTransfer.files; //Works fine

jquery没有封装原生event对象的一些API，就行例子中的files。所以在这种时候我们需要使用event.originalEvent。

3.触摸事件

三种在规范中列出并获得跨移动设备广泛实现的基本触摸事件：

1. touchstart ：手指放在一个DOM元素上。

2. touchmove ：手指拖曳一个DOM元素。

3. touchend ：手指从一个DOM元素上移开。

每个触摸事件都包括了三个触摸列表：

1. touches ：当前位于屏幕上的所有手指的一个列表。

2. targetTouches ：位于当前DOM元素上的手指的一个列表。

3. changedTouches ：涉及当前事件的手指的一个列表。

例如，在一个touchend事件中，这就会是移开的手指。

这些列表由包含了触摸信息的对象组成：

1. identifier ：一个数值，唯一标识触摸会话(touch session)中的当前手指。

2. target ：DOM元素，是动作所针对的目标。

3. 客户/页面/屏幕坐标：动作在屏幕上发生的位置。

4. 半径坐标和 rotationAngle ：画出大约相当于手指形状的椭圆形。

jquery实现app开发闹钟功能_jQuery Mobile 实现苹果滑动删除闹钟功能的几点总结相关推荐

jquery实现app开发闹钟功能_一款让你真正摆脱懒觉的“闹钟APP软件”
对生活在繁忙城市的白领工作者们来说,朝九晚五是平常的事情.相信很多的上班族们在工作日里最纠结的事情就是早上起床了,虽然上班族们几乎都设置了起床闹铃的习惯,但是这些普通的闹钟真的能让我们准时起床吗?今天 ...
jquery实现app开发闹钟功能_趣味闹钟APP开发，随意切换闹钟叫醒功能
智能手机端的发展使得人们获取外界信息更加高效,然而智能手机的出现也有一定的弊端,生活中很多人常常因为浏览手机信息而选择熬夜,早起自然也就成为了一种困难,而趣味闹钟APP开发或多或少可以帮助用户解决问题 ...
jquery实现app开发闹钟功能_商城app开发价格及功能列表
商城app开发需要多少钱?如何快速开发商城的app呢?现在随着移动互联网开发技术的进步,不需要找专业的app开发公司,不需要等专业开发技术,使用应用公园app在线制作平台,自己能快速制作商城app的. ...
直播APP开发时：基于腾讯sdk的音视频功能实现
市面上提供了很多的音视频聊天sdk,在直播APP开发中有很多种选择;假如需求变更导致了现有sdk无法很好的满足需求,需要替换sdk,如果全部重写或者基于原来代码进行魔改,代价太高;所以在前期编码的时候 ...
iphone删了计算机,涨知识：iPhone隐藏的功能，不止一个计算机滑动删除而已
有人说,iPhone就像一个宝箱,一张探险地图,不管用几年,总会发现一些没用过的小功能,计算器滑动删除数字相信大家都用过,今天介绍的这些隐藏功能估计90%的苹果用户还不知道. 定闹钟自动停止播放打开 ...
苹果nfc功能怎么开启_苹果将开放NFC功能！未来iPhone可录入各种卡了！
☀苹果资讯频道是微信里最热的.粉丝最多的苹果类公众号!这里苹果迷的聚集地!查苹果保修.查苹果序列号.查iPhone报价.苹果iPhone估价.买卖二手iPhone.iPhone回收.鉴别苹果山寨机.找 ...
jquery实现app开发闹钟功能_jquery+html5时钟特效代码共享（可设置闹钟并且语音提醒）...
本文实例讲述了Jquery+html5可设置闹钟并且会语音提醒的时钟特效.共享给大家供大家参考.详细如下: 这是一个使用Jquery+html5实现可设置闹钟并且会语音提醒的时钟特效代码,超逼真的模拟 ...
jquery实现app开发闹钟功能_APP商城开发的优势与功能
原标题:APP商城开发的优势与功能随着移动互联网发展的越发火热,对很多行业都产生了巨大的影响,特别是电商企业,开发一款属于自己的商城APP已经变得刻不容缓. 而作为当下的一种新型电子商务模式,商城A ...
jq 移动端网页分享功能_jQuery实现移动端手机商城购物车功能
购物车数量加减右加号数量 t.val(parseInt(t.val()) + 1);//parseInt()解析input一个字符串,返回一个整数 heji();//调用后面计算的函数 }) 左减 ...

jquery实现app开发闹钟功能_jQuery Mobile 实现苹果滑动删除闹钟功能的几点总结

jquery实现app开发闹钟功能_jQuery Mobile 实现苹果滑动删除闹钟功能的几点总结相关推荐

最新文章

热门文章