問題描述

有一段代碼比較疑惑

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

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

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

為什么是上面那種寫法呢？

問題解答

如果寫成

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

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

document.ontouchstart == null;

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

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

document.ontouchstart !== null;