事件javascript

js如何实现滑动事件

js的左右上下滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标。 touchstart在触摸开始时触发事件 touchend在触摸结束时触发事件 touchmove这个事件比较奇怪，按道理在触摸到过程中不断激发这个事件才对，但是在部分设备中，在 touchstart 激发后激发一次，然后剩余的都和 touchend 差不多同时激发。 这三个事件都都有一个 timeStamp 的属性，查看 timeStamp 属性，可以看到顺序是 touchstart -> touchmove ->touchmove -> … -> touchmove ->touchend。 下面是一段代码实例： document.getElementsByTagName('body')[0].addEventListener('touchstart', function (e) { nStartY = e.targetTouches[0].pageY; nStartX = e.targetTouches[0].pageX; });document.getElementsByTagName('body')[0].addEventListener('touchend', function (e) { nChangY = e.changedTouches[0].pageY; nChangX = e.changedTouches[0].pageX;PS:

1.touch事件跟click事件是不会被同时触发的。现在的移动设备做的比较好，已经把这个问题完美的避免掉了。

2.注意触摸的开始和结束位置的位移大小。如果位移小过小应该不做任何动作。

js冒泡是什么意思

关于这个问题，在JavaScript中，冒泡是指事件传递的一种机制。当一个元素上发生了某个事件（比如点击事件），该事件会首先触发该元素上的事件处理函数，然后逐级向上层元素传递，触发父级元素上的事件处理函数，直至触发到文档根元素。这个过程就像气泡从底部冒起，因此被称为冒泡。

冒泡机制使得事件可以在多个层次的元素上进行处理，方便对事件进行捕获、处理和决策。在事件冒泡过程中，可以通过阻止事件冒泡（使用`event.stopPropagation()`方法）来阻止事件继续向上层元素传递。

js事件的冒泡（Bubble）：

-js事件的冒泡指的是事件向上传导，当后代元素上的事件被触发时，将会导致其祖先元素上的同类事件也会触发。

- js事件的冒泡大部分情况下都是有益的，如果需要取消冒泡，则需要使用事件对象来取消

- 可以将事件对象的cancelBubble设置为true，即可取消冒泡

- 例子：

元素.事件 = function(event){

event = event || window.event;

event.cancelBubble = true;

};