js中的点击事情多次点击，js再次点击事件

vue.js怎样解决按钮多次点击重复提交

1、首页先写入main.js中 在button或el-button标签上绑定该指令 场景 保存提交按钮不小心点击了多次。由于网络服务器卡等原因点击事件没有及时响应又点击了一次，造成数据的重复提交和保存，数据的异常。

2、解决这个问题有很多种方法：比如在按钮点击时，禁用该按钮直到这个请求的后台返回数据，再放开禁用的按钮。

3、官方文档：https：//vue3js.cn/docs/zh/guide/custom-directive.html#动态指令参数 在main.ts中加入如下配置：在某个页面的js中：以上大概就是VUE3中自定义指令的大概使用。有好的建议，请在下方输入你的评论。

4、在数据库添加唯一字段：在数据库建表的时候在ID字段添加主键约束，账号，名称的信息添加唯一性约束。确保数据库只可以添加一条数据。

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

相关问答

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

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

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

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

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

很多时候事件会被快速重复触发，比如 click，这样就会执行两次代码，造成很多后果。

disabled后，避免不了程序构造HTTP包的恶意提交。比较完美的解决方法是， 在Form页面加载的时候， 服务器传送一个Token值给客户端， 这个Token是随机生成的，不可重复的。 同时服务器将这个Token放入Session里。

Q2: js怎么避免重复点击js怎么避免重复点击错误

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

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

3、使用双击事件打开页面，点击之后改变它的状态，事件完成之后再把状态改回来就可以了。

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

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

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