- pc端的事件可以在移动端触发
- pc端事件有300毫秒延迟
- 移动端事件不会有延迟
html代码
<body>
<div id="item"></div>
<a href="http://www.baidu.com">Baidu</a>
</body>
css代码
#item{
// 让item绝对定位，脱离文档流在a标签上面；
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background:pink;
}
js代码
var item = document.querySector('#item');
// 当我们点击a标签对应位置的item，item消失，同时a标签也会跳转；
// 因为移动端的所有事件没有延迟
// 当item消失的时候，同时触发了a标签
item.addEventListen('touchstart',function(){
item.style.display='none';
})
// 如果用pc端的事件，点击a标签对应位置的item，item消失，a标签不会跳转
// 因为pc端事件有300毫秒的延迟，点击时，300毫秒后item消失，
// 点击时，item依然存在，不会点到a标签
item.addEventListen('click',function(){
item.style.display='none';
})
