js 按钮点击一次执行两遍 bug

最新推荐文章于 2021-12-11 20:04:37 发布

luckydie

最新推荐文章于 2021-12-11 20:04:37 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端 jquery js 文章标签： js点击一次执行两遍

本文链接：https://blog.youkuaiyun.com/luckydie/article/details/91813960

前端同时被 3 个专栏收录

27 篇文章

订阅专栏

jquery

2 篇文章

订阅专栏

2 篇文章

订阅专栏

本文介绍了一种在前端开发中防止表单或按钮被重复点击提交的方法。通过使用event.stopPropagation()和event.preventDefault()，可以有效避免因多次点击导致的数据重复提交问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：点击一次提交，方法执行两遍

解决方法：

$scope.saveCourseInfo = function(event){
        //event.isPropagationStopped() //判断stopPropagation是否被调用过
		if(!event.isPropagationStopped()){
			//执行点击后要执行的代码
		}

		//必须要，不然e.isPropagationStopped()无法判断stopPropagation是否调用过
		event.stopPropagation();

        
	};

event.preventDefault() ：阻止默认行为，可以用 event.isDefaultPrevented() 来确定preventDefault是否被调用过了

event.stopPropagation() ：阻止事件冒泡，事件是可以冒泡的，为防止事件冒泡到DOM树上，不触发任何前辈元素上的事件处理函数，可以用 event.isPropagationStopped() 来确定stopPropagation是否被调用过了