移动端

移动端/8.点透事件.html

@@ -70,7 +70,18 @@
         var btn = document.getElementById("btn");
         var dialog = document.getElementById("dialog");
         var under = document.getElementById("under");
-        btn.onclick = function() {
+        /**
+         * 点透事件：
+         * 第一个事件是touch
+         * 第二个事件是click或者a
+         * 两个盒子样式叠加
+         * 
+         * 规避方法：
+         * 1.都使用相同事件
+         * 2.event.preventDefault()
+        */
+        btn.ontouchstart = function(event) {
+            event.preventDefault()
             document.getElementById("tips").style.display = "none";
             dialog.style.display = "none";
             // alert("弹出")