Question

js 在阻止默认事件的同时不影响滚动条

js 在阻止默认事件的同时不影响滚动条
$(document).on("touchstart",function(e){
e.preventDefault();

});

现在阻止默认事件是 所有滚动条都不滚动了 如何不影响滚动条滚动但又要阻止浏览器的默认事件

Answer 1

js阻止默认事件的方式有两种：

1. 使用e.preventDefault()方法，例子如下    

        /**

         * 1.阻止元素的默认事件，但是不会阻止事件冒泡 

         */

         var link = document.getElementsByTagName('a')[0];

         link.addEventListener('click',function(e){

            e.preventDefault();

         });

   2.如果是在jquery中，可以使用return false,例子如下：

        /**

         * 2.阻止元素的事件冒泡

         * Jquery和原生的Js在这点上有些不同，

         * 原生的Js要通过e.stopPropagation()方法阻止事件冒泡

         * 而Jquery则可以直接return false;来阻止事件冒泡

         * e.stopPropagation()方法不会阻止元素的默认行为，但是

         * return false;会阻止元素的默认行为。

         */

         var btn = document.getElementById('btn');

         btn.addEventListener('click',function(e){

             return false;

         });