移动端:事件

1)事件的分类:(按iOS)touch,motion,remote control

2)事件的路由:

3)事件的监听与处理:

非典型解释:

http://www.cnblogs.com/android-html5/archive/2012/05/24/2533942.html

1)事件源Event Source:产生事件的来源,通常是各种组件,如按钮,窗口等。

2)事件Event:事件封装了界面组件上发生的特定事件的具体信息,如果监听器需要获取界面组件上所发生事件的相关信息,一般通过事件Event对象来传递。

3)事件监听器Event Listener:负责监听事件源发生的事件,并对不同的事件做相应的处理。

时间: 2024-08-29 03:19:34

移动端:事件的相关文章

05移动端事件

一.移动端三大事件 1.手指按下     ontouchstart 2.手指触摸     ontouchmove 3.手指抬起     ontouchend //注意:在移动开发时,浏览器模拟器时好时坏,一般不用onX的方式绑定事件函数,要用事件绑定的方式(即第二种) div.ontouchstart = function(){}; div.addEventListener('touchstart', function(){}); 二.PC端事件在移动端(出现的问题) 1.PC端事件在移动端略慢

ktouch移动端事件库

最近闲来无事,写了个移动端的事件库,代码贴在下面,大家勿拍. 1 /** 2 @version 1.0.0 3 @author gangli 4 @deprecated 移动端触摸事件库 5 */ 6 (function () { 7 "use strict"; 8 var util = { 9 $: function (selector) { 10 return document.querySelector(selector); 11 }, 12 getEventInfo: func

10-移动端开发教程-移动端事件

在前端的移动Web开发中,有一部分事件只在移动端产生,如触摸相关的事件.接下来给大家简单总结一下移动端的事件. 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来的大小,Safari最新引入了双击缩放功能:用户双击手机页面的时候,浏览器会智能的缩放当前页面到原始大小. ?双击缩放的原理就是,当用户click一次之后,浏览器会经过约300ms之后检测是否再有一次click,如

移动端事件(1)

移动端的三大事件: 手指按下: touchstart 手指移动: touchmove 手指抬起 touchend 注意: 在移动端开发的时候,浏览器的模拟器时好时坏,一般不用on的方式绑定函数,要用事件绑定的方式(add.EventListener) 不建议用电脑端事件的原因(如:mousedown)如下: pc上的事件比移动端的事件略慢,大概是在300ms左右. 移动端的点透 含义:当上层元素发生点击的时候,下层元素也有点击(焦点)特性,在300ms之后,如果上层元素消失或隐藏,目标点就会"漂

移动端:移动端事件

移动端事件 一.  PC端事件 鼠标类 click.mouseover.mouseout.mouseleave.mouseenter.mouseup.mousedown.mousewheel... 键盘类 keydown.keyup... 其他类 load.blur.focus.change.... 二. 移动端事件 点击事件 双击事件 滑动事件 上滑.下滑.左滑.右滑 长按事件 摇一摇.重力感应等 三. touch事件模型 touchstart          手指刚接触屏幕时触发 touc

移动端事件touchstart、touchmove、touchend详解

在PC端上的JS事件相信大家已经熟悉不少,诸如click\mouseover这类事件,都可以满足交互的需要,虽然移动端上的事件可能平常稍有接触,但是可能不太了解其中具体的用法区别. 前言: 这几个事件最早出现于IOS safari中,为了向开发人员转达一些特殊的信息,所以新增了这些事件,随着Android中的webkit的加入,慢慢地这样的专有事件成了事实的标准,从而导致W3C开始指定Touch Event规范的内容. 具体说来有这样几个事件: touchstart 手指触摸屏幕时触发,即使已经

移动端事件介绍

阅读目录 一:理解click的300ms的延迟响应 二:手势事件的介绍 三:触摸事件的介绍 四:基本知识点 1.判断是否为iPhone 2.自动大写与自动修正 3.禁止 iOS 弹出各种操作窗口 4. 禁止用户选中文字 5. 关于 iOS 系统中,中文输入法输入英文时,字母之间可能会出现一个六分之一空格 6. Andriod 上去掉语音输入按钮 7. 判断是否为微信浏览器: 五:屏幕旋转事件(onorientationchange) 回到顶部 一:理解click的300ms的延迟响应 Click

js学习总结----移动端事件基础及常用的事件库

一.事件基础 PC:click.mouseover.mouseout.mouseenter.mouseleave.mousemove.mousedown.mouseup.mousewheel.keydown.keyup.load.scroll.blur.focus.change... 移动端:click(单击).load.scroll.blur.focus.change.input(代替keyup.keydown)...TOUCH事件模型(处理单手指操作).GESTURE事件模型(处理多手指操作

移动端事件touchstart、touchmove、touchend

关于这三个移动端的事件,详细的资料网上一搜一大片,我就不浪费时间了 1.移动端长按事件 var timer = null; $(ele).on('touchstart',function(){ timer = setTimeout(function(){ alert("我是长按事件!") },800); }); $(ele).on('touchend',function(){ clearTimeout(timer); }); 说明:通过定时器模拟长按事件,这个例子基于jQuery,[e

移动端事件笔记

移动端主要的事件有:touchstart.touchmove.touchend.touchcancel.gesturestart.gesturechange.gestureend 前四者为触摸事件,后者为手势事件,其中需要注意的是touchstart -> touchmove -> touchend -> click的顺序.并且触发了touchmove事件就不会触发click事件 触摸事件的event提供了如下属性: 对于手势事件,还提供了event.scale 和 event.rota