首頁猿問 touch觸摸追加class，沒有生效

touch觸摸追加class，沒有生效

JavaScript

開心每一天1111 2018-12-12 18:19:45

<html><head><meta charset="utf-8"/><title>touch test</title></head><body><script type="text/javascript" src="touch/jquery-1.11.1.js" ></script><div id="box" style="width:100%;height:100%;border:1px solid red;"></div><script>function touchs(event){event.preventDefault();var box = $("#box");if(event.type=="touchstart"){ console.log('1'); $("#box").addClass("class"); console.log('1');}}box.addEventListener('touchstart',touchs,false);</script></body></html>直接跳過我追加的class了

查看完整描述

1 回答

小怪獸愛吃肉

TA貢獻1852條經(jīng)驗獲得超1個贊

觀看這一點代碼不能完全推斷，以下是個人見解

首先就是執(zhí)行順序，兩個console先執(zhí)行，后執(zhí)行addClass，因為這個是個異步方法
其次就是上面style綁定了樣式，這個權限比class高，如果樣式之間有沖突會以style優(yōu)先
得出的結論就是你的addClass應該是有執(zhí)行，只是style權限比較高，所以沒有效果

反對回復 2019-01-08