关于手机网页的点击事件执行顺序总结：
<!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开发中的核心知识点，包括视口管理、链接资源优化以及事件处理机制，旨在帮助前端开发者更好地掌握移动Web开发技巧。 #### 一、Viewport：掌控可视区域 Viewport是移动设备浏览器中...
可以听到如下用户声音：“要不是看必胜宅急送的 logo，我还以为是个图片类网页”“我不清楚这个优惠活动图片跟优惠列表具体有什么分别”“点击‘预览菜单’后以为会进入菜单，没想到还要再选一次菜品种类”“我会...
在Android平台上，WebApp开发是一项重要的技能，它允许开发者利用Web技术来构建应用程序，从而减少了对原生开发的依赖。本篇文章将深入探讨Android WebApp开发的各个方面，旨在为开发者提供一个全面的理解和实践指导...
idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发webapp 热部署idea开发...
在移动Web应用开发中，"webapp 大众点评手机页面展示swiper" 是一个常见的需求，主要用于实现炫酷且互动性强的滑动展示效果。Swiper 是一款流行的、开源的触摸滑动组件，广泛用于创建轮播图、产品滑块、菜单等。在...
手机WebApp开发者指导规范主要包含以下几个方面： 一、应用宽度&高度规范 在这一部分中，主要讨论了手机WebApp在设计时需要遵循的尺寸标准。WebApp的宽度和高度需要根据设备的屏幕尺寸进行优化，以保证用户使用时的...
《iPhone WebApp 开发指南》是一本专注于指导开发者如何创建高效、流畅且具有原生体验的Web应用程序的著作。在iOS平台上，WebApp是一种利用移动Safari浏览器的特性，通过HTML5、CSS3和JavaScript技术构建的应用程序...
在本文中，我们将深入探讨如何使用Qt库中的QtWebApp模块来构建一个HTTP服务器，以实现文件的下载功能。Qt是一个强大的跨平台应用程序开发框架，而QtWebApp...不过，对于快速原型开发和学习，QtWebApp是一个很好的起点。
【游戏活动webapp】是一种基于Web技术开发的互动平台，主要针对游戏爱好者提供各种活动参与、礼包兑换等服务。在移动互联网高度发达的今天，为了满足用户在不同设备上便捷地体验游戏活动，【游戏活动h5自适应手机】...
手机Wrap网站模板是一种专门针对移动设备优化的网页设计模板。它采用了WebApp的设计风格，使得在手机上浏览时能提供类似原生应用的体验。 **特点：** - **响应式设计**：能够自动适应不同尺寸的屏幕，确保在各种...
主要用于webapp开发代码编辑，主要用于手机网页版转换成webapp
1.了解Web工程概念及与传统软件工程的区别 2.理解WebApp的概念、特点和开发过程 3.掌握WebApp的分析、设计和测试方法 4.掌握WebApp综合开发方法及课程设计过程
Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app，可以在多终端下实现数据同步、任务迁移。并且Clouda支持面向数据的编辑模式，根据数据的变化自动实现界 面实时更新，开发者不需描述...
总结，iOS Webapp套壳技术是一种结合了Web技术和移动应用特性的解决方案，适用于快速搭建、内部使用或作为原生应用的辅助。开发者应根据项目需求和资源考虑是否采用此方法。在实际操作中，注意优化用户体验，确保...
项目名称 camunda BPM - webapp - webjar 项目主页 隶属组织 开源协议 仓库 Central 类库 camunda BPM - webapp - webjar 标签 javabpmnworkflowdmnbpmprocess-enginecamunda-bpm-platformcamunda-enginecmmn
**JSP（JavaServer Pages）WebApp：JSP应用开发好实例** JSP（JavaServer Pages）是Java平台上的一个动态网页技术，它允许开发者在HTML或者XML文档中嵌入Java代码，使得网页能够处理服务器端的数据并动态生成内容。...
【总结】：Webapp1作为一个Web应用程序，涵盖了前端和后端开发的广泛知识领域，包括但不限于编程语言、框架、数据库、安全性、用户体验、部署策略和性能监控等。开发者需要不断学习和掌握这些技能，以创建出高效、...
HTML5是现代网页开发的关键技术，它为开发者提供了丰富的功能，包括对硬件设备的访问能力。在本项目中，我们关注的是HTML5如何被用来创建一个Web应用程序（Webapp），这个应用可以调用手机的蓝牙功能，连接低功耗...
### iPhone WebApp 开发指南知识点概述 #### 一、前言 - **iPhone吸引力与功能扩展**：介绍了iPhone因其出色的设计、性能及丰富的应用而受到欢迎。原生系统较为基础，但通过第三方软件大大增强了其功能性和用户体验...