js阻止事件多次运行，js阻止事件捕获的方法

切换标签后,发现js有缓存,事件多次触发,如何解决

1、那么强烈建议使用vue-router，因为vue-router在每次切换路由的过程中，都会自动销毁（destroyed）前面的组件，这样在频繁的操作中页面也不会卡，而且vue-router也定义了页面切换过程中的过渡动画。

2、解决方法：对于第一种情况，有两种处理方式：可以在页面引入的js文件后面增加日趋，如果不经常改动的文件，可以在每次改动后修改后缀。

3、解决办法一：每次修改js或css文件后，都要手工修改那个版本号，注意：是每修改一次（哪怕仅仅是改了一个字符）都要修改版本号；解决办法二：如果嫌手工修改太麻烦，那可以通过程序来自动修改（用随机数做版本号）。

相关问答

Q1: 在js里怎么去阻止后台的方法执行

setTimeout(test()，2000)； //2000毫秒后执行test()函数，只执行一次。setInterval(test()，2000)； //每隔2000毫秒执行一次test()函数，执行无数次。

在函数中使用return，则当遇到return时，函数终止执行，控制权继续向下运行。在函数中使用try-catch异常处理，需要结束时，使用throw抛出异常。

简单的说一下过程：你可以在点击一个按钮时，调用一个JS方法，而这个JS方法就用ajax来和后台交互，交互完毕后把响应给js的字符串通过js处理显示在页面上，这就是典型的应用过程。

Q2: js怎么通过阻止父元素事件和所有子元素事件

table-column 此元素会作为一个单元格列显示（类似）table-cell 此元素会作为一个表格单元格显示（类似和）table-caption 此元素会作为一个表格标题显示（类似）inherit 规定应该从父元素继承display属性的值。

有的时候父元素和子元素都定义了click事件，但是不希望点击子元素的时候执行父元素的click事件，可以通过阻止冒泡（stopPropagation()）在子元素上阻止冒泡。

解决：使用die()方法，在live()方法绑定前，将此元素上的前面被绑定的事件统统解除，然后再通过live()方法绑定新的事件。

通常在DOM二级标准中，event作为发生事件的文档对象的属性。

Q3: js中keydown键盘事件怎么只触发一次,再点击按键就不触发了?

1、有很多方法，例如只要加个变量开关或属性开关就行了，也可以直接使用jquery的one方法。

2、可以用jQuery的one方法只执行一次。

3、keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种连续操作。

4、js中的键盘事件包括 onkeydown 、 onkeyup 、 onkeypress onkeydown 键盘按下后就会立即执行的事件，不管是数字键、字母键还是功能键都能触发这个事件。

5、另外keyypress只在按下字符键的时候才触发，按下F5之类的键则不触发（但keydown、keyup可以）。

6、use、pass这两个变量要设为全局的，在下面的函数中才会有效；onkeydown和onclick要用全小写，不要用驼峰写法。

Q4: JS-阻止冒泡事件与事件委托

1、事件委托也称为事件代理， 在 jQuery 里面称为事件委派。 不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。

2、事件冒泡过程（以标签ID表示）：hr_three---divTwo---divOne。从最里层冒泡到最外层。

3、js中的事件流在解析事件委托之前，我们先回顾一下js中的事件流，即冒泡和捕获。① .冒泡：当下级节点触发某个事件的时候，该事件会逐级向上触发上级节点的同类事件。② .捕获：和冒泡类似，只不过事件的顺序相反。

4、事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。

5、事件委托是一种在JavaScript中处理事件的技术。它利用了事件的冒泡机制，将事件处理程序绑定到它们的共同祖先元素上，而不是直接绑定到每个子元素上。

6、js阻止冒泡 在阻止冒泡的过程中，W3C和IE采用的不同的方法，那么我们必须做以下兼容。

js阻止事件多次运行的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js阻止事件捕获的方法、js阻止事件多次运行的信息别忘了在本站进行查找喔。