TouchEvent猜想与验证

节前在支援一些移动页面的时候,遇到了蛮多的TouchEvent相关的问题,趁着假期一一验证一下。

首先,一个简单的html页面如下

1、是否支持事件冒泡、事件捕捉?

当addEventListener的最后一个参数为false的时候,为冒泡模式,当最后一个参数为true的时候,为捕捉模式。

两个模式都试一下,从console中可以看出,TouchEvent是支持冒泡和捕捉的。截图是冒泡模式。

冒泡

2、TouchEvent能否阻止冒泡?

结果也是TouchEvent可以阻止冒泡的。

3、Document Scrolling与DIV Scrolling的区别

正常情况下面的滚动,是发生在body上面,可以通过document.body.scrollTop获得滚动的距离。

而DIV的滚动,则是发生在某个div上面,需要通过currentTarget.scrollTop来获得