JQuery在hover（in）状态下添加click事件的多次触发现象

最新推荐文章于 2021-09-16 17:08:56 发布

qinglinglaoren

最新推荐文章于 2021-09-16 17:08:56 发布

阅读量7.8k

点赞数

分类专栏： JQuery 文章标签： jquery function html java border class

本文链接：https://blog.csdn.net/qinglinglaoren/article/details/7965825

版权

本文描述了在JQuery中hover事件的in阶段添加click事件导致的多次触发问题，以及如何通过将click事件移出hover外部来解决这个问题。在问题的讨论过程中，得到了社区成员的帮助。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>event多次触发</title>
<style type="text/css">
	.out {
		width:100px;
		height:100px;
		padding:10px;
		border:solid 1px #CCC;
	}
	.inner {
		width:50px;
		height:50px;
		border:solid 1px #555;
	}
	.show {
		background:#EEE;
		width:200px;
		height:200px;
		padding:10px;
		margin-top:20px;
		border:solid 1px #F00;
	}
</style>
<script type="text/javascript" src="js/jQuery-1.7.1.js"></script>
<script type="text/javascript">
	$(function() {
		var num_c = 0;	//记录click事件触发次数
		var num_i = 0;	//记录hover（in）事件触发次数
		var num_o =