問(wèn)題描述

有一段代碼比較疑惑

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

如果說(shuō) document.ontouchstart!==null，那說(shuō)明 touchstart 是有的，那應(yīng)該這樣是：

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

為什么是上面那種寫(xiě)法呢？

問(wèn)題解答

如果寫(xiě)成

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

你就明白了，ontoucstart 是doucment對(duì)象的一個(gè)屬性，但是ontouchstart 指向函數(shù)的的一個(gè)引用，也就是ontouchstart指向一個(gè)對(duì)象，未指向時(shí)，ontouchstart 需要一個(gè)初始值 ，這個(gè)初始值是null,如果支持touchstart事件，那ontouchstart初始值設(shè)為null ，所以是這樣的寫(xiě)法

document.ontouchstart == null;

這說(shuō)明當(dāng)前瀏覽器是支持ontouchstart的，因?yàn)槿绻恢С郑琩ocument.ontouchstart的值是undefined，再者document.ontouchstart沒(méi)有被綁定事件的情況下就是等于null, 所以你才可以這樣使用document.ontouchstart = function(){};

初始值就是Null,如果不等于null，可以說(shuō)不支持

document.ontouchstart !== null;