关于手机网页的点击事件执行顺序总结:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1.0,user-scalable=no" name="viewport"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="black"/> <link rel="stylesheet" type="text/css" href="images/main.css"/> <style type="text/css"> #main{width:100%;height:200px;background:#c00;} </style> <title>SeaJs</title> </head> <body> <div id="main"> 点击区域 </div> </body> </html> <script type="text/javascript"> var $body = document.getElementById('main'); //1 $body.addEventListener('touchstart',function(e){ //alert('touchstart'); }); //2 $body.addEventListener('touchend',function(e){ //alert('touchend'); }); //3 $body.addEventListener('mouseover',function(e){ //alert('mouseover'); }); //4 $body.addEventListener('mousemove',function(e){ //alert('mousemove'); }); //5 $body.addEventListener('mousedown',function(e){ //alert('mousedown'); }); //6 $body.addEventListener('mouseup',function(e){ //alert('mouseup'); }); //7 $body.addEventListener('click',function(e){ //alert('click'); }); /*不执行*/ $body.addEventListener('mouseout',function(e){ //alert('mouseout'); }); /*不执行*/ $body.addEventListener('dblclick',function(e){ //alert('dblclick'); }); </script>
相关推荐
webkit webApp 开发技术要点总结.欢迎下载学习
可以听到如下用户声音:“要不是看必胜宅急送的 logo,我还以为是个图片类网页”“我不清楚这个优惠活动图片跟优惠列表具体有什么分别”“点击‘预览菜单’后以为会进入菜单,没想到还要再选一次菜品种类”“我会...
webapp开发的最佳实践与中文总结,非常热门的web app开发必备资料!
主要用于webapp开发代码编辑,主要用于手机网页版转换成webapp
idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发...
1.了解Web工程概念及与传统软件工程的区别 2.理解WebApp的概念、特点和开发过程 3.掌握WebApp的分析、设计和测试方法 4.掌握WebApp综合开发方法及课程设计过程
Android应用程序之WebApp开发实战。。。。。。。。。。。。。。。。。。
webapp 大众点评手机页面展示swiper
Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app,可以在多终端下实现数据同步、任务迁移。并且Clouda支持面向数据的编辑模式,根据数据的变化自动实现界 面实时更新,开发者不需描述...
网页应用程序(WebApp)项目打包生成手机应用程序(APP)技术指南 随着移动互联网的发展,网页应用程序(WebApp)项目的需求日益增加,如何将 WebApp 项目打包生成手机应用程序(APP)成为了开发者关心的热点话题。...
游戏活动礼包码类webapp h5,自适应手机设备前端代码。没有做内部链接,自己打开模板文件测试
iPhone WebApp 开发指南
全程组件化开发一个的图表webApp
webapp开发教程之将html网页打包成app的4种方法.zip
Sparrow是一款针对移动web app开发的前端轻量级框架.
分享:webapp、手机网站、移动开发下拉刷新加载更多内容,仅供参考,可根据实际项目需求进行调整!!
webapp1 webapp1
基于vue全家桶开发的一款移动端音乐播放器webapp
webApp1:webApp