javaScript事件（九）事件类型之触摸与手势事件

【javaScript事件（九）事件类型之触摸与手势事件】的更多相关文章

javaScript事件（九）事件类型之触摸与手势事件

一.触摸事件 touchstart:当手指触摸屏幕时触发:即使已经有一个手指放在了屏幕上也会触发. touchmove:当手指在屏幕上滑动时连续地触发.在这个世界发生期间,调用preventDefault()可以阻止滚动. touchend:当手指在屏幕上移开时触发. touchcancel:当系统停止跟踪触摸时触发.关于此事件的确切触发时间,文档中没有明确说明. 上面这几个事件都会冒泡,也都可以取消.虽然这些触摸事件没有在DOM规范中定义,但它们却是以兼容DOM的方式实现的.因此,每个触摸事件…

JavaScript触摸与手势事件

JavaScript触摸与手势事件发表于 2012-12-10 由 admin iOS版Safari为了向开发人员传达一些特殊信息,新增了一些专有事件.因为iOS设备既没有鼠标也没有键盘,所以在为移动Safari开发交互网页时,常规的鼠标和键盘事件根本不够用.随着Android中的WebKit的加入,很多这样的专有事件变成了事实标准. 1.触摸事件包含iOS2.0软件的iPhone 3G发布时,也包含了一个新版本的Safari浏览器.这款新的移动Safari提供了一些与触摸(touch)操作…

Javascript高级编程学习笔记（69）—— 事件（13）触摸与手势事件

触摸与手势事件由于移动设备既没有鼠标也没有键盘,所以在为移动浏览器开发交互性网页时,常规的鼠标键盘事件根本不够用所以早期的苹果为Safari 添加了一些与触摸相关的事件随着后面Android的Webkit的加入,让这些触摸事件成为了许多的事实标准基于此,W3C开始制定了 Touch Event 规范所以下面介绍的事件只针对移动设备触摸事件触摸事件会在用户手指放在屏幕上面时.在屏幕上滑动.从屏幕上移开时触发具体来说由以下几个触摸事件: touchstart:当手指触摸屏幕时触发(即…

js监听事件上滑消失下滑出现的效果触摸与手势事件

https://www.w3cmm.com/javascript/touch.html //触摸与手势事件连接tinyscrollbar //方法1var _this = $('#fabu');var scrollFunc=function(e){ e=e||window.event; if(e.wheelDelta){//IE/Opera/Chrome if(e.wheelDelta==-120){ _this.hide(); }else{ _this.show(); } }else if(e…

移动端手势事件 hammer.JS插件

一.引入hammer.JS 1.下载地址:http://download.csdn.net/detail/webxiaoma/9872249 2.官网地址:http://hammerjs.github.io/examples/ 3.CDN链接:http://hammerjs.github.io/dist/hammer.min.js 二.用法 1.首先我们先写一个出发事件的DOM元素 HTML: <style type="text/css">…

javaScript事件（七）事件类型之键盘与文本事件

键盘事件如下: keydown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件. keypress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件. keyup:当用户释放键盘上的键时触发. 只有一个文本事件:textInput.textInput是对keypress的补充,用意是在将文本显示给用户之前更容易拦截文本.在文本插入文本框之前会触发textInput事件. 解释: 当用户按下一个键盘上的字符键时,首先会触发keydown事件,然后紧跟着…

JavaScript 事件——“事件类型”中“复合事件”和“变动事件”的注意要点(转)

复合事件复合事件是DOM3级事件中心添加的一类事件,用于处理IME的输入序列. compositionstart.compositionupdate.compositionend 复合事件有以下三中: compositionstart:要开始输入: compositionupdate:插入新字符: compositionend:复合系统关闭,返回正常键盘输入状态: event.data data属性: compositionstart访问data:正在编辑的文本: compositionupd…

JS事件流、DOM事件流、IE事件处理、跨浏览器事件处理、事件对象与类型

事件的移除 removeEventListener() 第二个参数需要指定要移除的事件句柄,不能是匿名函数,因为无法识别想要移除成功,那么三个参数必须跟addEventListener中的三个完全一致 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style&…

IOS 手势-轻点、触摸、手势、事件

1.概念手势是从你用一个或多个手指接触屏幕时开始,直到手指离开屏幕为止所发生的所有事件.无论手势持续多长时间,只要一个或多个手指仍在屏幕上,这个手势就存在. 触摸是指把手指放到IOS设备的屏幕上,从屏幕上拖动或抬起的这样一种行为.手势中涉及的触摸数量等于同时位于屏幕上的手指数量. 手势识别器是一个对象,它知道如何观察用户生成的事件流,并能够识别用户何时以与预定义的手势相匹配的方式进行了触摸和拖动.在检测常见手势时,UIGestureRecognizer类及其各种子类可节省大量工作.UIGest…

NGUI之UICamera控制触摸，鼠标事件

http://blog.csdn.net/onerain88/article/details/18963539 . UICamera 功能介绍主要包括UI事件的监听,分发,覆盖范围为此Camera渲染的所有GameObject. 事件源包括:鼠标,触摸,键盘,手柄. 事件包括:悬停,按下/抬起,选中/取消选中,点击,双击,拖拽,释放,文本输入,Tips显示,滚轮滑动,键盘输入. 2. UICamera 实现流程 (1)属性 Event Type:包括UI,World,用于区分UICamera处…

javascript中0级DOM和2级DOM事件模型浅析

Javascript程序使用的是事件驱动的设计模式,为一个元素添加事件监听函数,当这个元素的相应事件被触发那么其添加的事件监听函数就被调用: <input type="button" onclick="alert('Button Click')" /> 当上面的button被点击后,会弹出一个框显示"Button Click". 在javascript中添加事件监听函数有多种方法,比如: 在html元素上 [xhtml] view…

##DAY4 事件的基本概念、触摸的基本概念、响应者链、手势

##DAY4 事件的基本概念.触摸的基本概念.响应者链.手势 #pragma mark ———————事件的基本概念 ——————————— 事件的基本概念: 1)事件是当用户的手指触击屏幕及在屏幕上移动时,系统不断发送给应用程序的对象. 2)系统将事件按照特定的路径传递给可以对其进行处理的对象. 3)在iOS中,一个UITouch对象表示一个触摸,一个UIEvent对象表示一个事件.事件对象中包含与当前多点触摸序列相对应的所有触摸对象,还可以提供与特定视图或窗口相关联的触摸对象. 事件类型:…

HTML 5 服务器发送事件、Input 类型、表单元素、表单属性

HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新. Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新. 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新.通过服务器发送事件,更新能够自动到达. 例子:Facebook/Twitter 更新.估价更新.新的博文.赛事结果等. 浏览器支持所有主流浏览器均支持服务器发送事件,除了 Internet Explorer. 接收 Server…

横向滑动的listview和其中用到的触摸监听事件详解

一.首先把横向的listview的代码放上来 HorizontalListView: package com.common.cklibrary.utils.myview; import java.util.LinkedList; import java.util.Queue; import android.content.Context; import android.database.DataSetObserver; import android.graphics.Rect; import a…

Cocos Creator 触摸点击事件

触摸事件// 使用枚举类型来注册枚举对象定义对应的事件名事件触发的时机cc.Node.EventType.TOUCH_START 'touchstart' 当手指触点落在目标节点区域内时cc.Node.EventType.TOUCH_MOVE 'touchmove' 当手指在屏幕上目标节点区域内移动时cc.Node.EventType.TOUCH_END 'touchend' 当手指在目标节点区域内离开屏幕时cc.Node.EventType.TOUCH_CANCEL 'touchcance…

javascript中0级DOM和2级DOM事件模型浅析分类： C1_HTML/JS/JQUERY 2014-08-06 15:22 253人阅读评论(0) 收藏

Javascript程序使用的是事件驱动的设计模式,为一个元素添加事件监听函数,当这个元素的相应事件被触发那么其添加的事件监听函数就被调用: <input type="button" onclick="alert('Button Click')" /> 当上面的button被点击后,会弹出一个框显示"Button Click". 在javascript中添加事件监听函数有多种方法,比如: 在html元素上 [xhtml] view…

Android 使用代码主动去调用控件的点击事件（模拟人手去触摸控件）

使用代码主动去调用控件的点击事件(模拟人手去触摸控件) //View 可以是LinearLayout,Button,TextView View.performClick();…

深入理解DOM事件类型系列第二篇——键盘事件

× 目录 [1]类型 [2]顺序 [3]按键信息[4]应用前面的话鼠标和键盘是电脑端主要的输入设备,上篇介绍了鼠标事件,本文将详细介绍键盘事件类型键盘事件用来描述键盘行为,主要有keydown.keypress.keyup三个事件 keydown 当用户按下键盘上的任意键时触发,如果按住不放的话,会重复触发该事件 <div id="test" style="height: 30px;width: 200px;background-color: pink;&quo…

深入理解DOM事件类型系列第一篇——鼠标事件

× 目录 [1]类型 [2]顺序 [3]坐标位置[4]修改键[5]相关元素[6]鼠标按键[7]滚轮事件[8]移动设备前面的话鼠标事件是web开发中最常用的一类事件,毕竟鼠标是最主要的定位设备.本文将详细介绍鼠标事件的内容类型鼠标事件共10类,包括click.contextmenu.dblclick.mousedown.mouseup.mousemove.mouseover.mouseout.mouseenter和mouseleave click 当用户按下并释放鼠标按键或其他方式“激活”…

js实现Mac触摸板双指事件（上、下、左、右、放大、缩小）

前言这几天在修复一个web问题时,需要捕获Mac触摸板双指事件(上.下.左.右.放大.缩小),但发现并没有现成的轮子,还是要自己造. 例如:jquery.mousewheel.js(添加跨浏览器的鼠标滚轮支持), 给得太简单,没有处理Mac双指行为,所以不能用. 目标获取Mac触摸板双指行为,具体有两个,一个是实时拖动路线,二是手势(上.下.左.右.放大.缩小). 难点双指行为只会触发mousewheel事件,其他什么的touch,mouse都不会触发,只能从这个下手. 双指特性 1.在快…

Javascript高级编程学习笔记（72）—— 模拟事件（2）IE事件模拟

IE中的事件模拟低版本的IE浏览器作为前端开发的一股清流,想避过都不行虽然低版本IE正在逐步被市场淘汰,不得不承认IE8以下的浏览器依然占了不小的份额所以这里大概介绍IE8以下的低版本IE中的事件模拟,如何实现事件模拟首先从实现思路上来说,与DOM标准中的事件模拟并没有太大的差异分为以下几步: 创建 event 对象为event 对象指定信息使用该对象来触发事件只是实现的方法有所差异在IE中创建 event 对象需使用 document.createEventObject() …

Javascript高级编程学习笔记（71）—— 模拟事件（1）DOM事件模拟

事件,指的是网页中某个特定的交互时刻一般来说事件由浏览器厂商负责提供,一般由用户操作或者其它浏览器功能来触发但是有一类特殊的事件,那就是由我们开发人员通过JS触发的事件这些事件和浏览器创建的事件一样,都可以冒泡,并且在其触发时运行事先指定给它的事件处理程序在测试web程序的过程中这种模拟触发事件是一种极其有用的技术,为此DOM2级规范将其纳入规范规范化了模拟事件的方式,这种DOM规范规定的模拟事件的技术手段也叫做DOM事件模拟 PS:模拟事件和自定义事件是有区别的,模拟事件指的是我们并…

在 WPF 中如何在控件上屏蔽系统默认的触摸长按事件

来源:https://stackoverflow.com/questions/5962108/disable-a-right-click-press-and-hold-in-wpf-application 在控件上可以设置一个属性: Stylus.IsPressAndHoldEnabled 设置为 False 即可屏蔽触摸长按事件的触发. 参考文档:http://msdn.microsoft.com/en-us/library/system.windows.input.stylus.ispres…