js中移动端事件

最新推荐文章于 2024-04-23 11:37:57 发布

钱端攻城狮

最新推荐文章于 2024-04-23 11:37:57 发布

阅读量741

点赞数

分类专栏： js 文章标签：前端

本文链接：https://blog.csdn.net/m0_54932975/article/details/123929410

版权

js 专栏收录该内容

86 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<style type="text/css">
			
			*{
				margin: 0;
				padding: 0;
			}
			#one{
				width: 300px;
				height: 300px;
				background-color: slateblue;
			}
			
			
		</style>
	</head>
	<body>
		<div id="one"></div>
	</body>
</html>
<script type="text/javascript">
	var one = document.querySelector("#one");
	
//	one.ontouchstart = function(){
//		console.log("触摸开始");
//		console.log(event);
//		//支持多点触摸 就是同时放多个手指
//		//触摸点集合对象targetTouches
//		alert(event.targetTouches.length);
//	}
	
	one.addEventListener("touchmove", function(){
		console.log("触摸移动");
	});
	
	one.ontouchend = function(){
		console.log("触摸结束!!");
	}
	
	one.ontouchcancel = function(){
		console.log("触摸取消!!")
		//一般此方法的发生都是因为来电或者闹铃等一些事件打断了触摸!! 我们会在此事件中做一些数据存储等缓存任务!!!
	}
	
	
	
</script>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

钱端攻城狮

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js中移动端事件

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <style type=
复制链接

扫一扫