单击元素中的元素时的jQuery事件优先级 $(文档).ready(函数() { $(“a”)。单击(函数(){ 警报(“锚定点击!”)}; $(“p”)。单击(函数(){ 警报(“p单击!”)}; });
当我首先单击链接时,单击元素中的元素时的jQuery事件优先级 $(文档).ready(函数() { $(“a”)。单击(函数(){ 警报(“锚定点击!”)}; $(“p”)。单击(函数(){ 警报(“p单击!”)}; });,jquery,Jquery,当我首先单击链接时,alert(“p Clicked!”),然后出现alert(“Anchor Clicked!”) 我想知道是否观察到这种行为 备注:我没有合适的标题欢迎编辑这是因为事件冒泡 使用事件冒泡时 <script> $(document).ready(function() { $("a").click(function(){ alert("Anchor Clicked !") }); $("p").click(function(){ alert
alert(“p Clicked!”)
,然后出现alert(“Anchor Clicked!”)
我想知道是否观察到这种行为
备注:我没有合适的标题欢迎编辑这是因为
事件冒泡
使用事件冒泡时
<script>
$(document).ready(function()
{
$("a").click(function(){
alert("Anchor Clicked !") });
$("p").click(function(){
alert("p Clicked !") });
});
</script>
</head>
<body>
<a href = "#"><p>Click Me ! </p> </a>
</body>
</html>
阅读
防止事件冒泡
使用
Downvoter care to comment??您可以使用来防止事件冒泡,例如:
A
/ \
---------------| |-----------------
| element1 | | a tag |
| -----------| |----------- |
| |element2 | | p tag |
| ------------------------- |
| Event BUBBLING |
-----------------------------------