js连续指定两次或者多次的click事件（解决办法）

最新推荐文章于 2024-04-20 22:07:04 发布
转载 最新推荐文章于 2024-04-20 22:07:04 发布 · 304 阅读 · 0
文章标签：

#javascript #ViewUI

本文详细介绍了JavaScript中setTimeout函数的应用方式，包括如何设置延时执行及重复执行代码块，并通过一个具体的示例展示了如何根据不同条件使用setTimeout来实现元素的点击操作。

setTimeout (表达式,延时时间)
setTimeout(表达式,交互时间)
延时时间/交互时间是以豪秒为单位的(1000ms=1s)

setTimeout  在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式

 

       if(ischoose == false){
                ischoose = true;
                document.getElementById("myBaby").click();
       } else {
                document.getElementById("myBaby").click();//奇数次单击和偶数次单击不同的效果!
                setTimeout(function(){document.getElementById("myBaby").click();},50);
       }

 

iScroll中事件点击触发两次解决方案
11-26
之前也看了很多朋友的文章里有讲这个问题。比如使用一个变量记录执行的间隔时间什么的。感觉每次都要去撸一下，比较累人。本人喜欢搬砖前先选工具。其实解决这个方法很简单。iScroll呢其实是截获了点击浏览器时的...
jQuery防止click双击多次提交及传递动态函数或多参数
10-26
然而，在一些情况下，我们可能需要防止用户在短时间内多次点击同一个按钮或链接，即双击事件导致的多次提交问题，这可能会导致重复提交表单或者服务器接收到多个相同的操作指令。本文将详细介绍如何使用jQuery来防止...
JS事件click调用两次、多次
落霞朝阳七千里，夏雨冬雪九万顷
06-18 4580
JS事件click调用两次、多次 昨天项目中遇到一个问题：场景：打开弹窗页面，点击按钮动态对表格添加一行，关闭弹窗之后再打开弹窗，点击按钮就出现了直接添加两行，
点击按钮出现两次弹窗
最新发布
m0_46695127的博客
04-20 958
点击按钮出现两次弹窗
js的间隔调用和延迟调用
不甜呐的博客
06-03 2533
计时事件
elment ui button 双击导致多次保存数据
weixin_36878452的博客
12-22 675
/** * 空闲控制函数， fn仅执行一次 * @param fn{Function} 传入的函数 * @param delay{Number} 时间间隔 * @param options{Object} 如果想忽略开始边界上的调用则传入 {leading:false}, * 如果想忽略结束边界上的调用则传入 {trailing:false}, * @returns {Function} 返回调用函数 */ export funct.
JQuery 给元素绑定click事件多次执行的解决方法
10-25
本篇文章将详细介绍如何解决jQuery中元素click事件多次执行的问题。 首先，我们需要理解jQuery中的事件绑定机制。jQuery提供了`.on()`方法来绑定事件，例如： ```javascript $("#sdfsd").on("click", function(e) ...
按钮的Ajax请求时一次点击两次提交的解决方法
10-21
在使用JavaScript的Ajax请求时，如果在Ajax请求完成后没有阻止按钮的默认行为，即表单提交，就会发生“一次点击两次提交”的情况。下面详细探讨两种常用的解决办法。 ### 解决方案一：更改按钮的type属性 第一种...
js 按钮点击一次 执行两遍 bug
luckydie的博客
06-13 2439
问题：点击一次提交，方法执行两遍 解决方法： $scope.saveCourseInfo = function(event){ //event.isPropagationStopped() //判断stopPropagation是否被调用过 if(!event.isPropagationStopped()){ //执行点击后要执行的代码 } //必须要...
js 点击事件执行两次的情况（待补充）
mtgaogao的博客
06-30 2861
1.事件冒泡造成的点击事件执行两次 什么是JS事件冒泡 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。 解决办法：event.stopPropagation( )； 2.点击事件嵌套在方法里导致的解决办
javascript 点击事件执行两次js问题
热门推荐
云中不知人的专栏
08-25 2万+
因为利用js在页面加载后添加需要点击事件的代码，发现在点击后会代码会执行两次，因为有toggle效果，导致弹窗出现又很快丢失 查了一些资料，发现这是冒泡的原因，需要在点击事件代码中加入阻止冒泡的方法： e.stopPropagation(); 但是发现还是不行 后面查到，off函数可以解除由on函数所绑定的事件，所以在js代码中on函数前调用下Off函数，就正常了： $("li.task
js 多次触发点击事件,在一定延迟内只执行一次
rockllee的博客
05-23 1万+
$(function(){ var timeoutflag = null; $('#inputAddress1').click(function() { if(timeoutflag != null){ clearTimeout(timeoutflag); } timeoutflag=setTime...
前端js点击事件处理多次频繁点击问题
weixin_42794365的博客
12-28 1万+
在开发中有时候我们有一个点击请求事件，如果操作者一直快速点击就会一直请求，造成资源浪费为此我们一般要进行处理防止用户频繁点击 一般处理频繁点击有： 1.显示隐藏 2.通过时间间隔进行判断 3.使用节流处理 此次使用第三种如果想了解前两种可进行搜索查询 代码： <!DOCTYPE html> <html> <head>     <meta ch...
初学Js-一个按钮多次点击触发不同事件-事件编程
大老虎Picky的博客
05-24 1万+
最简单的一个事件：点一下按钮出现一句话，点第二下出现不同的话，等到点击第四下时，回到了第一次点击发生的事件，进入一个循环。可以用这个小程序衍生更多的事件，等后面写的更多一点试着写一下吧！<!DOCTYPE html> <html> <head> <title>大尾巴狼的需求1</title> </head> <b...
click点击一次，执行多次的bug的问题
子非鱼的博客
05-09 852
转载原文地址：https://blog.csdn.net/myth_g/article/details/78161392 最近做项目为一个添加按钮绑定点击事件，很简单的一个事情，于是我按照通常做法找到元素，使用JavaScript的addEventListener()方法为元素绑定了点击事件，点击同时发送请求。 完成后看效果，第一次点击没有问题。再一次点击后发现发送了两次请求，后面再点击发现...
关于js中动态生成的点击事件触发两次的讨论
Sundj1的博客
04-27 5204
由于是动态生成的  点击事件运用了jQuery里面的on()方法，绑定在body上面，结果在程序里面运行了两次。参考了博客 利用on和off方法编写高效的js代码知道了很多在dom对象删除以后，其声明的绑定在window上的事件还一直存在，导致相同的功能代码执行了几次。故使用之前要清理掉body上绑定的click事件，利用了jQuery里面off()方法。 $('body').off('c
uniapp click事件多次点击 settimeout只执行一次
07-08
您好！针对在UniApp中出现点击事件多次触发但setTimeout只执行一次的情况，可能是由于事件绑定和执行的上下文问题导致的。为了解决这个问题，您可以尝试使用闭包或者使用事件修饰符来确保定时器的设置和清除在每次点击事件中都能正确执行。 以下是两种可能的解决方法： 方法一：使用闭包 ```javascript export default { methods: { handleClick() { let timeoutId; return function() { // 清除之前设置的定时器 clearTimeout(timeoutId); // 设置新的定时器 timeoutId = setTimeout(() => { // 执行您想要延迟执行的代码 console.log("Delayed code execution"); }, 1000); }; }, }, }; ``` 在上述示例中，通过使用闭包，每次点击事件触发时都会返回一个新的函数，这个函数中包含了timeoutId变量的私有作用域。这样可以确保每次点击事件都有独立的定时器设置和清除。 方法二：使用事件修饰符 ```html <template> <div @click.stop="handleClick"></div> </template> <script> export default { methods: { handleClick() { // 执行您想要延迟执行的代码 setTimeout(() => { console.log("Delayed code execution"); }, 1000); }, }, }; </script> ``` 在上述示例中，使用了`@click.stop`事件修饰符来阻止事件冒泡。这样可以确保只有最后一次点击事件触发了定时器的设置和执行，避免了多次点击导致的重复执行问题。 希望这些解决方法对您有所帮助！如果您还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值