javascript – Stellen Sie eine kleine Frage zum Touchstart-Event

Question

Es gibt einen Code, der mich verwirrt

var clickEventType=((document.ontouchstart!==null)?'click':'touchstart');

Wenn dort document.ontouchstart!==null steht, bedeutet das, dass Touchstart verfügbar ist, und es sollte so aussehen:

var clickEventType=((document.ontouchstart!==null)?'touchstart':'click')

Warum ist es so oben geschrieben?

Answer 1

如果写成

var clickEventType=((typeof document.ontouchstart ==="undefined")?'click':'touchstart')

你就明白了，ontoucstart 是doucment对象的一个属性，但是ontouchstart 指向函数的的一个引用，也就是ontouchstart指向一个对象，未指向时，ontouchstart 需要一个初始值 ，这个初始值是null,如果支持touchstart事件，那ontouchstart初始值设为null ，所以是这样的写法

Answer 2

document.ontouchstart == null;

这说明当前浏览器是支持ontouchstart的，因为如果不支持，document.ontouchstart的值是undefined
，再者document.ontouchstart没有被绑定事件的情况下就是等于null, 所以你才可以这样使用document.ontouchstart = function(){};

初始值就是Null,如果不等于null，可以说不支持

document.ontouchstart !== null;