js事件重复使用，js click事件多次执行

js如何循环添加点击事件

首先在文件夹中右键-》新建-》选中记事本。新建完记事本之后，重命名为onClick.html，点击回车按钮，弹出的窗口中选择确认修改文件后缀名。选中文件，鼠标右键单击选中文件，然后选择打开方式，选择UltraEdit文本编辑器，编辑文本。

新建一个html文件，命名为test.html，用于讲解怎么让jquery事件执行一次。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

连续点击事件可以保存在一个变量中，每次点击事件发生，改变量加一，然后判断是否满足点击次数。需要有一个定时器做超时判断，当距离上一次点击超过一定时间将计数变量置为0。

可以在按钮元素上增加事件属性onclick，属性内写你要执行的代码或函数。也可以在代码中直接绑定事件，如通过querySelector等查找到元素后，在元素上直接加onclick事件。还可以通过事件指派，绑定事件在按钮上面。

相关问答

Q1: js点击事件,每次会比上一次多执行一次的解决办法

解决的方法：用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。

想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击事件，那么认为此两次单击属于一个双击事件，则只执行双击事件，并第一时间将延时定时器清理，以防止第二次单击生效。

点击事件是执行网络请求（提交评论，验证码，支付）这种情况下可以在请求执行之前显示一个模式的加载框，请求完成后再关闭加载框。

比如：五秒只能点击一次？思路：设置一个标记。

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

Q2: 前端js防止用户恶意操作,重复点击按钮事件

在手机上点击【设置】图标进入系统设置菜单，下拉并点击进入【关于手机】界面。在界面中连续点击【版本号】直至提示已开启开发者模式，返回到【系统和更新】设置中点击进入【开发人员选项】。

可以添加标记，第一次点击后变为false，每次点击判断这个标记是true才执行。如果是按钮防止重复点击，可以再按钮点击后，给按钮添加disabled属性。

总的来说，js解决方案是基本可以防止重复点击提交按钮造成的重复提交问题，但是前进后退操作，或者F5刷新页面等问题并不能得到解决。

建议使用ref，给button添加注册ref引用，然后在表单提交的时候，获取button按钮，使其disable置灰。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。

Q3: 使用js复合事件处理中文输入的问题

1、keyup能解决啊。设一个全局变量str，记录input框中的值，当keyup的时候判断内容是否变化，如果变化，改变str的值，然后触发事件。如果没变就不触发啊。

2、js中文乱码解决办法：设置charset=utf-8，完成。①.js 文件中文显示乱码Javascript文件XX.js编辑保存时有一种编码方案（如GBK）当打开文件的时候所用的编码（如UTF-8）和保存时的编码方案不一致时，则会出现中文显示乱码。

3、在使用中文输入法输入文字时，需要选择正确的编码方式。通常情况下，使用Unicode编码或者GB2312编码即可避免乱码问题。如果不清楚应该选择哪种编码方式，可以在输入法菜单中进行选择。

Q4: js冲突怎么解决

想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击事件，那么认为此两次单击属于一个双击事件，则只执行双击事件，并第一时间将延时定时器清理，以防止第二次单击生效。

对象名不要重复。调用页ID不要重复。最容易出问题的部分在这：onload事件。如果两个JS内都出现onload事件，那就会冲突。

一般你应该尽量使用面向对象的方式写JS，这样可以避免声明全局变量，全局变量是造成冲突的最大问题。

还有一个冲突网上找到的：Array.prototype.push 方法冲突。转载下：这个冲突很严重，直接导致jQuery 的级联筛选无效。比如正常情况下，你可以使 用 (span，$(#main))来获取 ID 为 main 的元素下面的 span 元素。

有两种，都试下。 ！--#include file=wedding_bottom.html--看你自己需要，一般js冲突问题比较难搞，我主要通过这种方式来分开。

Q5: 关于js中事件重复绑定的问题

双向绑定需要突出双向，例如input框通过change事件改变了变量value，这只能说是单向的传值。要双向绑定还需要value每次发生变化就去改变input框的value值。

可以通过以下两种方法调整代码修复这个问题：第一种：不要在循环中创建闭包，这是非常不推荐的写法，如果你用 JSHint 做代码检测，这个会报出一条警告。因为这种方法很危险，容易埋下隐患。

第二，就是在b1这个按钮的前台OnClick里面写事件，没必要这要在后台动态注册一个事回件。执行的相关js代码是放到大括号里面。点击确定执行的代码如果设计到数据答库操作，就稍微复杂，不能直接通过简单的js执行。

在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。

关于js事件重复使用和js click事件多次执行的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。