手指按下第一次运行不成功

我是一个刚入门的xs，做一些移动端小案例，最近发现使用 元素.ontouchstart 在第一次打开浏览器，就是第一次在浏览器中运行的时候，这个事件是没有任何反应的，但是使用 元素.addEventListener('touchstart',function(){}) 就可以正常使用，这是什么原因
let p1 = document.getElementById("p1")
let p2 = document.getElementById("p2")
p1.ontouchstart = function(){
console.log('p1')
}
p2.addEventListener('touchstart',function(){
console.log('p2')
})
就像上面那样写完之后第一次在浏览器中运行，p1点击没反应，也不报错，p2就很正常输出一个2，然后刷新一下浏览器p1也就正常了

你在body标签上加 ontouchstart试试呢，或者还用onclick也是好使的吧