html5触摸touch事件及代码说明
发布时间：2022-04-20 09:10:47 所属栏目：语言 来源：互联网
导读：这篇文章主要介绍HTML5中的触摸touch事件，对于触摸事件大家应该都很容易理解，例如我们手指触摸智能手机屏幕时开始触发事件，手机滑动屏幕时触发事件，手指离开屏幕触发结束，这就是一个大致的过程，那么HTML5触摸事件时如何来实现的呢？下面我们来具体了解
|
这篇文章主要介绍HTML5中的触摸touch事件，对于触摸事件大家应该都很容易理解，例如我们手指触摸智能手机屏幕时开始触发事件，手机滑动屏幕时触发事件，手指离开屏幕触发结束，这就是一个大致的过程，那么HTML5触摸事件时如何来实现的呢？下面我们来具体了解一下。 今天为大家介绍的事件主要是触摸事件： touchstart：触摸开始的时候触发 touchmove：手指在屏幕上滑动的时候触发 touchend：触摸结束的时候触发 代码如下: var obj = document.getElementByIdx_x('id'); obj.addEventListener('touchmove', function(event) { // 如果这个元素的位置内只有一个手指的话 if (event.targetTouches.length == 1) { event.preventDefault();// 阻止浏览器默认事件，重要 var touch = event.targetTouches[0]; // 把元素放在手指所在的位置 obj.style.left = touch.pageX-50 + 'px'; obj.style.top = touch.pageY-50 + 'px'; } }, false); 以上就是关于html5触摸touch事件的介绍，实现的示例代码如上文所示，希望对大家学习HTML有帮助。 （编辑：常州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
