通过preventDefault()方法,可以阻止后面事件的触发。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } .content{ height:500px; background:#F00; } </style> </head> <body> <div class="content"></div> </body> </html> <script> var content = document.querySelector(".content"); content.addEventListener("touchstart", function(e){ e.preventDefault(); content.style.background = "#0F0"; }); content.addEventListener("click", function(e){ content.style.background = "#00F"; }); </script>