10.点透事件.js 639 B

123456789101112131415161718192021222324252627
  1. var close = document.getElementById("close");
  2. var under = document.getElementById("under");
  3. close.onclick = function(event) {
  4. // 取消默认事件
  5. event.preventDefault();
  6. document.getElementById("dialog").style.display = 'none';
  7. document.getElementById("mask").style.display = 'none';
  8. }
  9. under.onclick = function() {
  10. alert("弹出");
  11. }
  12. /**
  13. * touchstart => touchmove => touchend
  14. */
  15. /**
  16. * 点透事件
  17. * 两层元素叠加到一起
  18. * 第一层是touch事件
  19. * 第二层是click事件 或者 a标签
  20. *
  21. * 解决点透事件
  22. * 1.把click换成touch事件
  23. * 2.加上取消默认事件 event.preventDefault()
  24. */