?var?holdFlag?=?false,????????????id_scale?=?document.getElementById("scale"),????moveFlag?=?false,????holdTimestamp?=?0,????touches?=?[],????size?=?0.01,????_scale?=?1,????????touch1X,?touch2X;????????var?touchArea?=?document.querySelector('#touchArea');????????touchArea.addEventListener('touchstart',?function?(event)?{????????????event.preventDefault();????????????holdFlag?=?true;????????????holdTimestamp?=?(new?Date()).getTime();????????????touches?=?event.touches;????????????//alert(1)????????????//console.log(1)????????????//alert(touches.length)????????????//touch1X?=?touches[0].clientX;????????????//if?(touches.length?==?2)?{????????????//touch1X?=?touches[0].clientX;????????????//?touch2X?=?touches[1].clientX;????????????//?}????????},?false);????????touchArea.addEventListener('touchmove',?function?(event)?{????????????event.preventDefault();????????????var?_touches?=?event.touches;????????????moveFlag?=?true;???????????????????????if?(touches.length?==?2)?{????????????????if?(holdFlag)?{????????????????????touch1X?=?touches[0].clientX;?????????????????????touch2X?=?touches[1].clientX;????????????????????holdFlag?=?false;????????????????}????????????????if?((touch1X?>?_touches[0].clientX?&&?touch2X?<?_touches[1].clientX)?||?(touch1X?==?_touches[0].clientX?&&?touch2X?<?_touches[1].clientX)?||?(touch1X?>?_touches[0].clientX?&&?touch2X?==?_touches[1].clientX))?{//放大????????????????????_scale?=?_scale?+?size;????????????????????//alert(2?+?"?"?+?_scale)????????????????????console.log(2)????????????????????if?(_scale?<?2?&&?_scale?>?1)????????????????????????id_scale.style.transform?=?'scale('?+?_scale?+?')';????????????????}????????????????else?if?((touch1X?<?_touches[0].clientX?&&?touch2X?>?_touches[1].clientX)?||?(touch1X?==?_touches[0].clientX?&&?touch2X?>?_touches[1].clientX)?||?(touch1X?<?_touches[0].clientX?&&?touch2X?==?_touches[1].clientX))?{//縮小????????????????????_scale?=?_scale?-?size;???????????????????//?alert(3?+?"?"?+?_scale)????????????????????console.log(3)????????????????????if?(_scale?>?1?&&?_scale?<?2)????????????????????????id_scale.style.transform?=?'scale('?+?_scale?+?')';????????????????}????????????}???????????????????});不知道最后兩個(gè)判斷不知道問題出在哪里了 最上面的明明是代表手勢(shì)撐開 然后有時(shí)候會(huì)放大有時(shí)候會(huì)縮小
用手勢(shì)來決定放大縮小 各路大神幫我指點(diǎn)一下代碼
歐羅巴皇
2017-07-25 19:44:40