保藏本站 保藏本站
真钱棋牌网主页 - 软件测验 - 常用手册 - 站长东西 - 技能社区
主页 > CSS/HTML > 正文

主页 - PHP - 数据库 - 操作体系 - 游戏开发 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell编程 - DOS指令 - jQuery - CSS款式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

html5手机触屏touch事情介绍

HTML5中新增加了许多事情,可是因为他们的兼容问题不是很抱负,运用实战性不是太强,所以在这儿根本省掉,我们只共享运用广泛兼容不错的事情,日后跟着兼容状况提高今后再连续增加共享。

今日为我们介绍的事情主要是接触事情:

touchstart:接触开端的时分触发
touchmove:手指在屏幕上滑动的时分触发
touchend:接触完毕的时分触发

而每个接触事情都包括了三个接触列表,每个列表里包括了对应的一系列接触点(用来完成多点触控):

touches:当时坐落屏幕上的一切手指的列表。
targetTouches:坐落当时DOM元素上手指的列表。
changedTouches:触及当时事情手指的列表。

每个接触点由包括了如下接触信息(常用):

identifier:一个数值,仅有标识接触会话(touch session)中的当时手指。一般为从0开端的流水号(android4.1,uc)
target:DOM元素,是动作所针对的方针。
pageX/pageX/clientX/clientY/screenX/screenY:一个数值,动作在屏幕上发作的方位(page包括翻滚间隔,client不包括翻滚间隔,screen则以屏幕为基准)。 
radiusX/radiusY/rotationAngle:画出大约相当于手指形状的椭圆形,分别为椭圆形的两个半径和旋转视点。开始测验浏览器不支撑,好在功用不常用,欢迎我们反应。

var obj = document.getElementByIdx_x('id');

obj.addEventListener('touchmove', function(event) {

     // 假如这个元素的方位内只要一个手指的话

    if (event.targetTouches.length == 1) {

     event.preventDefault();// 阻挠浏览器默许事情,重要 

        var touch = event.targetTouches[0];

        // 把元素放在手指地点的方位

        obj.style.left = touch.pageX-50 + 'px';

        obj.style.top = touch.pageY-50 + 'px';

        }

}, false);

以上便是html5手机触屏touch事情的全部内容,期望能给我们一个参阅,也期望我们多多支撑真钱棋牌网。

HTML5实战与剖析之接触事情(touchstart、touchmove和touchend)
HTML5中新增加了许多事情,可是因为他们的兼容问题不是很抱负,运用实战性不是太强,所以在这儿根本省掉,我们只共享运用广泛兼容不错的事情,日

学习小实例--翻滚条的简略完成
作用:代码:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlxmlns="http://www.w3.org/1999/xhtml"headmetahttp-equiv="Content-Ty

cookie处理微信不能存储localStorage的问题
在开发根据微信的Web页面时,发现有些机型不能存储信息到localStorage中,或者是页面一旦封闭,存储的信息也失效了。用cookie来代替localStorage,存储一

本周排行

更新排行

强悍的草根IT技能社区,这儿应该有您想要的! 友情链接:b2b电子商务
Copyright © 2010 ystekkfj.com. All Rights Rreserved  京ICP备05050695号