js 触摸事件

最新推荐文章于 2023-12-25 12:37:34 发布

神奇大叔

最新推荐文章于 2023-12-25 12:37:34 发布

阅读量625

点赞数

分类专栏： javaScript 文章标签： javaScript

本文链接：https://blog.csdn.net/weixin_43294560/article/details/103290482

版权

javaScript 专栏收录该内容

127 篇文章 6 订阅

订阅专栏

触摸事件(一般配合dom2事件绑定使用)

.ontouchstart  手指触摸屏幕触发，即使有一个手指放在上面也会触发
.ontouchmove	当手指在屏幕上滑动时连续的触发
.ontouchend		当手指在屏幕上移开时触发
.ontouchcancel	当系统停止跟踪触摸时触发，如电话接入或弹出或弹出信息中暂停游戏之类的操作

代码示例：

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box{
				height:800px;
				width:800px;
				background-color: orange;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<script>
			var box=document.querySelector(".box");
				box.addEventListener("touchstart",function(){
					console.log("touchstar");
				})
				
				box.addEventListener("touchmove",function(){
					console.log("touchmove");
				})
				
				box.addEventListener("touchend",function(){
					console.log("touchmend");
				})
				box.addEventListener("touchcancel",function(){
					console.log("touchcancel");
				})
			</script>
		</div>
		\
	</body>
</html>

神奇大叔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 触摸事件

触摸事件(一般配合dom2事件绑定使用).ontouchstart 手指触摸屏幕触发，即使有一个手指放在上面也会触发.ontouchmove 当手指在屏幕上滑动时连续的触发.ontouchend 当手指在屏幕上移开时触发.ontouchcancel 当系统停止跟踪触摸时触发，如电话接入或弹出或弹出信息中暂停游戏之类的操作代码示例：<html> <head&g...
复制链接

扫一扫

专栏目录