HTML 手机上划事件

2024-09-01

移动端H5开发 (滑动事件)

最近一直在做手机App H5的开发,在开发过程中,经常会遇到很多滑动事件,写个demo,分享自己的一些写法.(如写的不好,轻喷!) 直接贴代码 html css代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>touch demo</title> <style type="text/css"> #demo{

一拖放拖放(Drag 和 drop)是 HTML5 标准的组成部分.拖放是一种常见的特性,即抓取对象以后拖到另一个位置.在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放. 课程参考 http://www.w3school.com.cn/html5/html_5_draganddrop.asp 二手机触屏事件 1 触屏事件 touchstart 当手指触摸到屏幕时触发touchmove 手指在屏幕上移动时触发touchend 手指离开屏幕时触发touchenter 当触点进入某个

Jquery实现手机上下滑屏滑动的特效代码

要引入两个jquery插件可以去网上下载 <script src="jquery-1.11.1.min.js"></script><script src="js/jquery.touchSwipe.min.js"></script> 代码如下: <!DOCTYPE html > <html ><head><meta charset="UTF-8">&

delphi xe5 android 手机上使用sqlite

本篇我们介绍一下在android手机上怎样使用sqlite数据库,这里用Navigator实现增删改查. 1.新建firemonkey mobile application 2.选择blank application 3.这里选择分辨率,仍旧选择我女儿称呼的平板手机p3100的7寸分辨率 O(∩_∩)O~ ,界面上摆放一个open按钮,一个grid 同时拖拽一个 FDConnection 和 FDPhysSQLiteDriverLink1 FDQuery1 另外根据运行结

xe5 android 手机上使用sqlite [转]

在android手机上怎样使用sqlite数据库,这里用Navigator实现增删改查. 1.新建firemonkey mobile application 2.选择blank application 3.这里选择分辨率,仍旧选择我女儿称呼的平板手机p3100的7寸分辨率 O(∩_∩)O~ ,界面上摆放一个open按钮,一个grid 同时拖拽一个 FDConnection 和 FDPhysSQLiteDriverLink1 FDQuery1 另外根据运行结果提示还需要一

微信小程序在canvas画布上划动，页面禁止滑动

要实现微信小程序在canvas画布上划动,页面禁止滑动,不仅要设置disable-scroll="true",还要要给canvas绑定一个触摸事件才能生效. <canvas canvas-id="myCanvas" class="myCanvas" disable-scroll="false" bindtouchstart="touchStart" bindtouchmove="touc

关于sencha touch在华为、红米等部分手机下hide事件失效，msgbox无法关闭的解决方案(已更新最新解决方案)

(急着解决问题的同学可以直接跳最底部查看最终的解决方案) 问题描述因为前段时间抢到了华为荣耀3c,所以做项目的时候就用荣耀3c测试了一下项目, 结果发现在华为的emotion ui上sencha touch的messagebox的弹窗,弹出后点击确认按钮时无法隐藏, 有的圆角框还有会缺边,不过不仔细看倒是不看得出来, 这是我的项目在手机上的截图, 当我点击确定按钮的时候,messagebox的模态背景消失了,但是弹窗并不会消失,仔细看登陆框的圆角,有点缺边,我想华为应该是改过系统的浏览器内核了

利用私有的API获得手机上所安装的所有应用信息（包括版本，名称，bundleID，类型）

MobileCoreService这个系统的库,里面有个私有的类LSApplicationWorkspace ,利用运行时可以获得私有类里面的方法,- (id)allInstalledApplications; 该方法能够获得设备上所有的应用信息,包括系统的和用户的应用获得的应用的信息是一个类对象LSApplicationProxy,该对象里面有方法获得app的版本,名称,bundleID,类型好了直接上代码首先引入头文件#include <objc/runtime.h> - (void

Mac电脑如何读取Android手机上的文件

问题一般Android手机用usb数据线连接到windows操作系统的电脑上后,会自动将手机存储卡以移动存储的方式显示在电脑里. 但是如果操作系统是Mac的,就没有这个存储设备.问题来了,Mac电脑如何读取手机上的文件呢? 解决方式从Android的网站下载一个传输工具,地址是https://www.android.com/filetransfer/, 安装打开后,会显示一个类似Finder的窗口来复制文件. 如果是小米手机,可以发布一个ftp服务,然后用ftp命令或工具连上去. 参考小米

手机上的页面转换page slider

小伙伴们是不是经常在手机上见到“转场"的情况,手机上的页面转换已经不像pc上整体的页面跳转,很多都是利用动画平滑地在页面之间的切换. 那么如何来做页面之间的转换呢?首先要明确的是,所谓的页面之间的切换其实是单页里面元素的切换.比如如下图所示,中间center部分就是当前在视口区域的,也就是我们能看到的,而两边的就是我们现在看不到,但是随时待命的区域. 切换的思路很简单:就是利用CSS的动画效果,左右切换元素,让用户只能看到中间可视区域的内容.所以思路就是: (1)把需要切换到可视区域的部分

手机触摸touch事件

1.Touch事件简介 pc上的web页面鼠标会产生onmousedown.onmouseup.onmouseout.onmouseover.onmousemove的事件,但是在移动终端如 iphone.ipod Touch.ipad上的web页面触屏时会产生ontouchstart.ontouchmove.ontouchend.ontouchcancel 事件,分别对应了触屏开始.拖拽及完成触屏事件和取消. 当按下手指时,触发ontouchstart: 当移动手指时,触发ontouchmov

安卓手机上运行 PC-E500 程序

目录第1章安卓手机上运行 PC-E500 程序 1 1 PockEmul 1 2 下载 1 3 打包BASIC程序 2 4 配置PC-E500模拟器 5 5 载入e500.pkm 7 6 载入40000.bin 8 7 解包 10 第1章安卓手机上运行 PC-E500 程序 1 PockEmul 安卓手机上运行PC-E500程序,需要一款PC-E500模拟器.PockEmul是一款可模拟多种型号计算器的程序,可运行在Windows.Linux.A

利用exif.js解决ios手机上传竖拍照片旋转90度问题

html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题:Android手机没这个问题. 因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正. 利用exif.js读取照片的拍摄信息,详见 http://code.ciaoca.com/javascript/exif-js/ 这里主要用到Orientation属性. Orientation属性说明如下: 旋转角度参数 0° 1 顺时针90° 6 逆时针9

Jquery 在动态元素上绑定事件

弄了很久却没有弄出来,感觉没有错,但是动态元素上的事件根本就不响应,代码如下: <input type="button" id="btnyes" value="确定" /> <div id="divcontent"> </div> <script> $(function () { $("#btnyes").on("click", funct

如何通过wifi在android手机上安装调试应用

如何通过wifi在android手机上安装调试应用 1. 首先还是要打开手机的usb调试选项,并通过usb线连接手机.2. 然后执行“adb tcpip 5555”,把adb从usb模式切换到tcpip模式.正确的回显信息是:“restarting in TCP mode port: 5555”.5555可以是任何未占用的端口号.3. 再执行“adb connect <手机的WLAN IP>:5555”,连接到手机.正确的回显信息是:“connected to <手机的WLAN IP&g

libmad和libmpg123解码mp3在安卓手机上的比较

libmad和libmpg123解码mp3在安卓手机上的比较1. libmad 选自 http://sourceforge.net/projects/mad libmad-0.15.1b.tar.gz libmpg123 选自 http://www.mpg123.org/ mpg123-1.15.4.tar.bz2 都编译为android需要的.so.编译过程见之前的博客,都没有针对平台做后期优化. 2. 两者加入同一个工程,在不同手机上的表现如下. 手机索爱X10i 华为U8860

Android手机上监听短信的两种方式

Android手机上监听短信有两种方式: 1. 接受系统的短信广播,操作短信内容. 优点:操作方便,适合简单的短信应用. 缺点:来信会在状态栏显示通知信息. AndroidManifest.xml: <uses-permission android:name="android.permission.SEND_SMS"></uses-permission> <uses-permission android:name="android.permiss

iphone上click事件不触发的问题解决。

iphone上click事件不触发的问题解决. //在ID为jsProvince上有这么一个事件: $('body').on('click', '#jsProvince', function(e){ $(this).next('.province-list').removeClass('hide'); }); 但是在iphone上点击就是没反应,无法出发绑定的点击事件. 但是在android上测试是没问题的. 找了半天终于找到了解决办法: 只需要给ID为jsProvince的元素添加一个如下的c

如何在 Android 手机上实现抓包？

如何在 Android 手机上实现抓包? http://www.zhihu.com/question/20467503 我想知道某个应用究竟在数据提交到哪里,提交了什么.网上的教程太复杂,不想麻烦.有没有快速的方式实现在android网络抓包?比如手机流量类监控软件是否已经实现可否借鉴? 4 条评论分享按投票排序按时间排序 48 个回答 190赞同反对,不会显示你的姓名 Trinea,微信codek2,专注于源码解析分享万象为宾客.殷xx.断掌小馒头等人赞同两种方式,各有优劣且互补

使用Fiddler抓取手机上的数据包

在IIS中,如果网站已经绑定了域名在使用IP是不能访问的,需要添加一个空的主机名与IP的映射才能访问.如下图: Fiddler抓取手机包在PC上建一个WIFI热的勾选Fiddler中Tool->Fiddler Options->Connections中的Allow remove computers to connect选项.重启Fiddler. 修改手机上WiFi连接信息,将代理设置为手动.代理服务器主机名:PC上无线网卡的IP地址.代理服务器端口:Fiddler的监听端口,默认8888.

《转》ACTIONBAR-PULLTOREFRESHLIBS+沉浸式在部分手机上的布局错乱,目前知道的三星系统（TouchWiz）

转载:http://www.cnblogs.com/wubingshenyin/p/4413672.html(原文连接) 前段时间看见ActionBar-PullToRefreshLibs用来刷新很好看,配合4.4以上支持的沉浸式效果更佳,于是便想配合沉浸式+ActionBar-PullToRefreshLibs做出一个效果,在自己的大神F2手机上看见没有问题,但是在三星note3上却出现了下拉actionbar刷新和actionbar错位的情况,非常郁闷.通过调试ActionBar-PullT