javascript - 请教一个关于touchstart事件的小问题

问题描述

有一段代码比较疑惑

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

如果说 document.ontouchstart!==null，那说明 touchstart 是有的，那应该这样是：

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

为什么是上面那种写法呢？

问题解答

如果写成

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

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

document.ontouchstart == null;

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

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

document.ontouchstart !== null;