jQuery阻塞事件气泡的具体实现
下面是HTML代码部分：复制代码代码如下所示：
外层的div元素
内跨度元
外层的div元素
相应的jQuery代码如下所示：
复制代码代码如下所示：
$（函数（）{（））
对于跨元素绑定，单击 / 事件
$（'span）。Bind（单击
VaR txt =美元（' #味精）（HTML）+内跨元素被点击。； / /的HTML信息采集
$（#味精）。Html（TXT）； / /的HTML信息集
}）；
对于div元素绑定，单击事件
$（#内容）Bind（单击。
VaR txt =美元（' #味精）。Html（）+外层的div元素被点击。
$（#味精）。Html（TXT）；
}）；
对于体元素绑定，单击事件
$（）Bind（单击
VaR txt =美元（' #味精）。Html（）+体元点。
$（#味精）。Html（TXT）；
}）；
}）
当单击跨时，将触发div和身体单击事件。单击div触发身体单击事件。
如何防止泡沫的发生
修订如下：
复制代码代码如下所示：
$（函数（）{（））
对于跨元素绑定，单击 / 事件
$（'span）。Bind（单击
VaR txt =美元（' #味精）。Html（）+内跨元素被点击。
$（#味精）。Html（TXT）；
（事件。里面）； / /停止事件
}）；
对于div元素绑定，单击事件
$（#内容）Bind（单击。
VaR txt =美元（' #味精）。Html（）+外层的div元素被点击。
$（#味精）。Html（TXT）；
（事件。里面）； / /停止事件
}）；
对于体元素绑定，单击事件
$（）Bind（单击
VaR txt =美元（' #味精）。Html（）+体元点。
$（#味精）。Html（TXT）；
}）；
}）
（事件。里面）； / /停止事件
有时点击提交按钮有一些违约事件。例如，跳到其他的接口，但是如果你不通过它，你不应该跳。这个时间可以设置event.preventdefault（）； / /防止违约行为（提交）。
以下是案例：
复制代码代码如下所示：
$（函数（）{（））
$（#子）Bind（单击。
用户名= $（var#用户名）（。Val）； / /获取的元素的值，val（）方法返回或设置所选元素的值。
如果（用户名）{判断值为空
$（#味精）。Html（文本框的值不能为空。）； / /消息
（事件。preventDefault）； / /防止违约行为（提交）
}
}）
}）
HTML的一部分：
复制代码代码如下所示：
用户名 uff1a
防止违约行为的另一种方法是返回false，其效果是相同的。
代码如下：
复制代码代码如下所示：
$（函数（）{（））
$（#子）Bind（单击。
用户名= $（var#用户名）（。Val）； / /获取的元素的值
如果（用户名）{判断值为空
$（#味精）。Html（文本框的值不能为空。）； / /消息
返回false；
}
}）
}）
同样，上述气泡事件也可以用返回false处理。
复制代码代码如下所示：
$（函数（）{（））
对于跨元素绑定，单击 / 事件
$（'span）。Bind（单击
VaR txt =美元（' #味精）。Html（）+内跨元素被点击。
$（#味精）。Html（TXT）；
返回false；
}）；
对于div元素绑定，单击事件
$（#内容）Bind（单击。
VaR txt =美元（' #味精）。Html（）+外层的div元素被点击。
$（#味精）。Html（TXT）；
返回false；
}）；
对于体元素绑定，单击事件
$（）Bind（单击
VaR txt =美元（' #味精）。Html（）+体元点。
$（#味精）。Html（TXT）；
}）；
}）